css - 无法重新定义 BootStrap 下拉菜单类的字体大小

Question

我在尝试重新定义 BootStrap 的 .dropdown-menu 类的字体大小时遇到​​了最困难的时刻。

Firefox 检查器说它来自 .dropdown-menu(继承自 ul)，所以我尝试了 ul.dropdown-menu、.dropdown-menu 但没有成功。

<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header"></div>
        <div id="myMenu" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li>First list item</li>
                <li id="my-messages" class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Messages</a>
                    <ul class="dropdown-menu pull-right" aria-labelledby="dLabel" role="menu">
                        <li>Dropdown list item</li>
                        ...

有什么建议吗？谢谢。

Answer 1

看起来您正在将它与导航一起使用？

我能够使用导航和一些 CSS 来做到这一点。

BOOTPLY

CSS:

.navbar-nav > li {
  font-size: 20px;
  }
.dropdown-menu {
    font-size: 20px;
  }