twitter引导程序有字体大小的实用工具类吗？

Question

我找不到在引导中更改字体大小的任何实用工具类。有用于页边距和填充等的实用工具类。标题有显示类，段落有铅级，但是有什么方法可以用html中的实用程序类来使特定的文本更大更小，而不必添加一些css吗？

我发现在将公共模式抽象为自定义css之前，更容易使用尽可能多的实用类快速模拟设计。

我已经梳理过Bootstrap 文本实用程序文档和排版文档，但是什么也找不到。我是不是漏掉了什么，还是这在Bootstrap中根本不存在？这似乎是Bootstrap提供的东西--通过添加类名(如t-1、t-2、t-3、t-4等)来改变文本大小的能力。

我说的不是反应式排版，而是使用实用工具类来更改默认字体大小，而不是编写css。

Answer 1

没有类可以更改字体大小，但是您可以使用强标记和小标记来管理字体大小，但是不能更改段落字体大小。为此，您需要创建自定义CSS。

Answer 2

jitu thakur对这个问题的回答是正确的。：目前还没有为您调整字体大小的引导实用程序.但是，很容易在Sass中创建自己的自定义实用程序类：

$util-font-sizes: 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130, 140, 150, 160, 170, 180, 190, 200;

@each $util-font-size in $util-font-sizes {
  .font-size-#{$util-font-size} {
    font-size: $util-font-size * 1% !important;
  }
}

这将创建20个字体大小的util类，从.font-size-10到.font-size-200，如下所示：

.font-size-10 {
    font-size: 10% !important;
}

.font-size-20 {
    font-size: 20% !important;
}

/* ...etc... */

您可以调整$util-font-sizes中的值、类名或单元以满足您的需要。

Answer 3

这里的注释似乎忽略了h1-h6标记和相应的.h1、.h2、.h3、.h4、.h5和.h6类，以及用于超大字体大小的.display1、.display2、.display3和.display4类。哦，还有小标签和.small类！