Bootstrap небольшой текстовый класс

Question

Я создаю кнопку ввода с btn-link, чтобы сделать ее стилизованной под текстовую ссылку.

Я хочу сделать текст меньше, поэтому попробовал

<button class="btn btn-link">
  <small>Hello World</small>
</button>

Это, однако, не работает так же, как

<input type="button">

Так что мне стало интересно, существует ли класс Bootstrap для текста, размер которого совпадает с размером тега <small>? Я не мог ничего найти. Или кто-то может предложить альтернативный метод? (в идеале я не хочу создавать свой собственный класс, я просто хочу использовать то, что доступно в Bootstrap.)

Answer 1

Исходя из того, что вы спросили, я попытался смоделировать. Попробуйте запустить. Thnx

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

<button type="button" class="btn btn-link btn-sm">Button</button>
<button type="button" class="btn btn-link ">Button</button>
<button type="button" class="btn btn-link btn-lg">Button</button>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>