Question

我正在使用btn-link创建一个输入按钮，以使该按钮的样式类似于文本链接。

我想尝试使文本变小

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

这与

的功能不同

<input type="button">

所以我想知道是否存在与<small>标记大小相同的文本的Bootstrap类？我什么都找不到。还是有人可以建议替代方法？（理想情况下，我不想创建自己的类，我只想使用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>

引导小文本类

1 个答案: