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

Question

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

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

但是，几个Bootswatch主题使用了一个less变量@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;
}