ブートストラップのヘッダ項目とドロップダウンメニューを同じ幅にする方法は？

Question

は、私は私のブートストラップテンプレートでこのヘッダーを持っている：

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      //Some unrelated stuff 
     </div> 

     <div id="navbar" class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       //Some unrelated stuff   
      </ul> 

      <ul class="nav navbar-nav pull-right-custom"> 
       <li class="dropdown"> 
        <a href="" class="dropdown-toggle" data-toggle="dropdown">DDButtonText <strong class="caret"></strong></a> 
        <ul class="dropdown-menu"> 
         Test 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </div> 
</nav> 

は私が達成しようとしていると、ドロップダウンメニュー「DDButtonText」ものと同じ幅にすることです。私はmin-widthをdropdown-menuに設定しようとしましたが、ブラウザごとに異なります。私のFirefoxでは大丈夫でしたが、Chromeや他のブラウザでは少し大きさが異なりました。

ブラウザに関係なくメニューとボタンのサイズを同じにするにはどうすればよいですか？

Answer 1

あなたは、この追加してみることができます。

CSS：

.nav .dropdown-menu{ 
    width: 100%; 
    min-width: inherit; 
} 

Bootply：http://www.bootply.com/MfkTjxasD7