Css 引导较小的导航栏折叠宽度

我有一个问题，我整天都在寻找答案，但没有找到。 守则：

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

我需要设置折叠导航的宽度，如图所示，我想删除箭头指向的线条。：）

我使用Bootstrap3.4，没有对bootstrap做任何更改。css只是添加了一些类。有人能帮我吗

---

p.S抱歉英语不好：）。

该水平线是由

.navbar collapse

元素上设置的

box shadow

属性生成的。在bootstrap.css中添加以下规则：

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

---

知道如何调整折叠菜单的大小吗？

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