Twitter bootstrap 3 清除navbar品牌周围的空白？

我是一个新手，我正试图摆脱我的navbar品牌周围额外的“白色”空间。我希望背景是相同的颜色，没有边框，但我不知道是什么原因造成的，或者如何瞄准它

我还试图在悬停时锁定其他链接的背景

有什么建议吗

<nav role="navigation" class="navbar navbar-fixed-top">
        <div class="container">
          <header class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse">
                 <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
             </button>
<!--navbar-brand-->
               <a class="navbar-brand" href="#"><span class="first-name">Sume</span></a>
          </header>
          <div class="collapse navbar-collapse" id="nav-collapse">
             <ul class="nav navbar-nav">
              <li class="active"><a href="#intro">About</a></li>
              <li><a href="#exp">Experience</a></li>
              <li><a href="#skl">Technical Skills</a></li>
              <li><a href="#contact">Contact</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </nav>

---

看起来您不小心打开了一个新的按钮元素，而不是关闭了启动的按钮元素。按如下方式更改此块：

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>

切换导航

这就解决了问题。我没有意识到它有那么简单，但我认为它更复杂。谢谢

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>