17

如果我想最小化图标大小，使用引导程序时如何使图标变小？

这是演示http://jsfiddle.net/AqUBu/

我想最小化这个人类图标的大小。

在此处输入图像描述

<span class='badge badge-success'><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i></span>
4

5 回答 5

36

如果您使用的是 Bootstrap 3，则可以使用该<small>标签，如下所示：<small><span class="glyphicon glyphicon-send"></span></small> 它与 Bootstrap 3 完美配合。

于 2014-02-12T13:57:47.717 回答
21

字形图标和其他图标可以使用 CSS 属性精确调整大小font-size:

你知道...是字形和所有。

于 2016-05-09T04:51:49.343 回答
8

您可以使用class="btn btn-xs"

参考：https ://getbootstrap.com/components/

于 2016-04-19T13:18:07.747 回答
3

来自http://getbootstrap.com/css/#small-text

小文本

为了不强调内联或文本块，使用 <small>标签将文本设置为父级大小的 85%。标题元素接收自己font-size的嵌套<small>元素。

您也可以使用内联元素.small代替 any <small>。

尝试：

<span class='badge badge-success small'>
  <i class='icon-user icon-white'></i>
  <i class='icon-user icon-white'></i>
  <i class='icon-user icon-white'></i>
</span>
于 2016-09-02T13:50:54.207 回答
1

以上都不适合我，我使用的是 Bootstrap 4 和 FontAwesome 图标的组合。我发现 Bootstrap 4 有自己的类来制作更小的按钮：

<button class="btn btn-sm btn-secondary ">
    <i class="fa fa-pencil"></i>
</button>

Bootstrap 4 按钮文档 (#Sizes)

如果您想制作比这更小的按钮，您可能必须制作一些自定义 css，因为简单地更改图标的大小将不再修改环绕按钮的大小。

于 2018-04-30T05:19:38.947 回答