調整引導程序下拉菜單高度

我的問題是我無法調整引導程序中下拉菜單的高度。調整引導程序下拉菜單高度

我希望導航欄中的高度爲75px，因此我的標誌適合在菜單中，但我想通過它的標準行高和所有內容來保持下拉菜單高度爲50px。

這裏是我的問題的鏈接：http://www.bootply.com/zeYJxjO62s

關於如何解決此問題有什麼建議？

2015-01-16 RaM

你需要的目標直接孩子在你的CSS：

.navbar-brand, .navbar-nav > li > a { 
    line-height: 100px; 
    height: 75px; 
    padding-top: 0px; 
}

不.navbar-nav li a，因爲這會影響你的導航欄裏面的所有鏈接。

來源

2015-01-16 08:47:06 Morpheus

問題是，我希望我的項目在下拉菜單中是50px高度，標準高度的bootstrap導航欄和下拉菜單是50px，當我瞄準.navbar-nav li一個d設置高度75px，所以我的標誌適合在導航欄中，我的下拉菜單項也可以獲得75px的高度，但我希望下拉菜單項的高度爲50px ....我應該更改.dropdown菜單的CSS，但我不知道我需要更改哪些CSS規則：/ – RaM

這應該將您排除在外''.dropdown-menu> li> a {height：50px; }' – Morpheus

作品完美！謝謝隊友:) – RaM

-1

我有相當類似的問題，我最終的解決方案如下面的描述。關於這一點的好處是，它不僅適用於導航欄，而且適用於任何你想使用它的地方。

一個下拉HTML例如：

<div class="dropdown-thin"> 
    <div class="btn-group"> 
     <a class="btn btn-primary" href="#">CLICK HERE...</a> 
     <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 
      <span class="fa fa-caret-down" title="Click to toggle..."></span> 
     </a> 
     <ul class="dropdown-menu"> 
      <li><a href="/action/one/@Model.Id">ONE</a></li> 
      <li><a href="/action/two/@Model.Id">TWO</a></li> 
      <li class="divider"></li> 
      <li><a href="/action/last/@Model.Id">Last</a></li> 
     </ul> 
    </div> 
</div>

爲了使標準下拉列表中高度尺寸更薄只是把它放在你的CSS文件（通常/Content/Site.css）這樣的：

.dropdown-thin a { 
    height: 25px; 
    padding-top: 2px; 
}

快樂編碼:)

來源

2016-05-15 18:28:43 Dzik

調整引導程序下拉菜單高度

回答

相關問題