Bootstrap較小的導航欄摺疊寬度

Question

我遇到了一個問題，我整天搜索答案並沒有找到答案。 代碼：

<div class="visible-xs navbar navbar-ti navbar-fixed-top "> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target="#navbar" > 
     <span class="glyphicon glyphicon-menu-hamburger white"></span> 
     </button> 
     <button type="button" class="navbar-toggle collapsed pull-right"> 
     <span class="glyphicon glyphicon-search white"></span> 
     </button> 
    </div> 
    <div id="navbar" class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
     <li><a href="wheretobuy.aspx" style="color:#fff;" >Where to Buy</a></li> 
     <li><a href="cookware.aspx" style="color:#fff;" >Cookware Sets</a></li> 
     <li><a href="registration.aspx" style="color:#fff;" >Register Product</a></li> 
     <li><a href="qualitystandards.aspx" style="color:#fff;" >Quality Standards</a></li> 
     <li><a href="customerreviews.aspx" style="color:#fff;" >Customer Reviews</a></li> 
     <li><a href="rvinfo.aspx"style="color:#fff;" >RV Information</a></li> 
     <li><a href="marineinfo.aspx" style="color:#fff;" >Marine Information</a></li> 
     <li><a href="aboutus.aspx" style="color:#fff;" >About Us</a></li> 
     <li><a href="contactus.aspx" style="color:#fff;" >Contact Us</a></li> 
     </ul> 
    </div> 
    </div> 
</div> 

我增加什麼bootstrap.css：

.white { 
color: #fff !important; }.navbar-ti { 
background-color:#200c03;} 

我需要設置倒塌NAV的寬度像圖片，我想刪除箭頭線指向。 :)

我使用引導程序3.4，我沒有改變什麼bootstrap.css只是增加了一些類。有人能幫我嗎 ？

P.S對不起英語:)。

Answer 1

該水平線由元素上設置的box-shadow屬性產生。在您的bootstrap.css中添加以下規則：

.navbar-collapse { 
    box-shadow: 0 0 0; // remove box-shadow 
}