样式引导下拉按钮输入文本

Question

我在Twitter Bootstrap的dropdown按钮上遇到了一个小问题。我注意到虽然可以通过.btn-large，.btn-small等来设置按钮的大小，但下拉列表中的文本样式不会改变。就此而言，除了标题和small标记之外，似乎没有任何预设类别用于文本大小。

有没有什么方法可以通过引导类改变下拉列表的样式以适应按钮（所以小按钮得到小文本，迷你按钮得到迷你文本等）？这肯定是一个简单的问题，但到目前为止我还没有找到解决方案。

Answer 1

使用选择器

设置下拉列表ul元素的字体大小

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { ... }

因此它不依赖于按钮大小;并且ul本身没有给出与按钮大小类对应的类。

但是你可以选择跟随一个具有特定类的按钮的列表并设置你自己的字体大小，如下所示：

.btn-group > .btn-small ~ .dropdown-menu {
  font-size:10px;
}