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

Question

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

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

但是，几个Bootswatch主题使用了一个较少的变量@ font - size -small，我希望我的datagrid重用这个变量，换句话说，当用户选择一个Bootswatch主题时，datagrid字体大小将根据主题进行调整，而不是由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;
}