bootstrap 如何继承 font-size-small 变量？

Question

我有一个使用 Twitter Bootstrap 并允许用户选择首选 Bootswatch 主题的 PHP 应用程序。在应用程序中，有一个 PHP 类来构建数据网格（table thead tbody tfoot），但是在 <td> 元素内插入了 <small>，然后删除了 <small> 并决定使用 CSS。

td { font-size:0.85em; vertical-align: middle !important; }

然而，几个 Bootswatch 主题使用了一个较小的变量@font-size-small，我希望我的数据网格重用这个变量，换句话说，当用户选择一个 Bootswatch 主题时，数据网格的字体大小将根据在主题上而不是由font-size:0.85em;明确定义

谢谢！

Answer 1

您有一些方法可以做到这一点，其中之一是在主体或容器中指定一个类来更改所选主题的样式。

像这样：

body.theme1 {
  font-size: 0.85em;
}

body.theme2 {
  font-size: 1.25em;
}

或在 LESS/SASS 中：

body.theme1 {
  font-size: @font-size-small;
}

body.theme2 {
  font-size: @font-size-small-theme2;
}