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;
  }

Answer 2

将引导程序置于上方，然后将常规css文件放入标题中。然后在style.css文件中编写你的css。

<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />

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

2 个答案: