2014-11-14 47 views
5

我正在嘗試重新定義BootStrap的.dropdown-menu類的字體大小。無法重新定義BootStrap的下拉菜單類的字體大小

Firefox督察說它來自.dropdown菜單(從ul繼承),所以我嘗試ul.dropdown菜單,.dropdown菜單,但沒有運氣。

<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> 
         ... 

有沒有建議嗎?謝謝。

+0

這似乎很好地工作,儘量把!重要的也許是修復它 – Seregmir 2014-11-14 14:54:20

+0

謝謝,但重要!沒有工作 – user3442612 2014-11-14 14:58:03

+0

你想要的下拉本身的文本要大一些,對不對?不是它下面的'li'選項? – MattD 2014-11-14 14:58:30

回答

4

看起來像你正在使用它與導航?

我能夠用nav和一點CSS做到這一點。

BOOTPLY

CSS:

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

你也只是不需要'''在那裏。 – MattD 2014-11-14 15:09:03

0

把你引導上面,然後你經常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" /> 
+0

好的,你已經提供了正確的方式來應用樣式,但他實際上要求的樣式呢? – MattD 2014-11-14 15:12:44

+0

他可以通過firefox inspector得知這個問題。 – 2014-11-14 15:16:24

+0

他不問如何正確添加CSS,因爲它需要添加什麼樣的順序,他問什麼CSS需要寫入,才能真正實現他所要求的。你根本沒有回答這個問題。 – MattD 2014-11-14 15:19:05