Jquery 引导3导航栏填充和背景项

我正在使用Bootstrap3建立一个网站。有人能告诉我如何去掉菜单项的空白吗？目前看起来是这样的：

  <!-- Start main navigation -->
  <nav class="navbar navbar-custom" role="navigation">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
      </div>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="#"><i class="fa fa-home"></i></a></li>
        <li><a href="#">Politica</a></li>
        <li class="headerDivider"></li>
        <li><a href="#">Societate</a></li>
        <li><a href="#">Economie</a></li>
        <li><a href="#">Extern</a></li>
        <li><a href="#">Stil de viata</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </nav>

我也想有不同的链接颜色时，悬停的项目。我的代码当前是这样的：

  <!-- Start main navigation -->
  <nav class="navbar navbar-custom" role="navigation">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
      </div>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="#"><i class="fa fa-home"></i></a></li>
        <li><a href="#">Politica</a></li>
        <li class="headerDivider"></li>
        <li><a href="#">Societate</a></li>
        <li><a href="#">Economie</a></li>
        <li><a href="#">Extern</a></li>
        <li><a href="#">Stil de viata</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </nav>

---

谢谢。

只需用css编写此代码

.nav>li>a{

padding: 0 !important;

} 谢谢

基于您可以使用以下方法移除填充：

.navbar {
    border: none; /* optional depending on your requirements */
}

.nav > li > a {
    padding:0;
    margin:0;
}

要添加不同的悬停状态颜色，您可以使用，例如：

.nav > li > a:hover {
    color:red;
}

您可以尝试以下方法：

.navbar-nav>li {
    margin-right: 0px;
}

.navbar-custom .navbar-nav > li > a {
     color:#fff;
     padding:0px !important;
}

---

谢谢

你能发布一个jsfiddle.net吗？还是一些CSS？您没有使用引导默认值，因此诊断起来有点棘手。还添加了css。感谢paddig的回答，它可以工作！至于悬停，你能继续用你贴的例子吗？我猜每个按钮应该有不同的类名，对吗？PS：我要的是悬停背景，而不是文本颜色。这应该是白色的。@Andrei P你应该接受这个答案，因为它回答了你最初关于padding.HTML的问题，真他妈的变化无常。尝试和错误会让一切都变得糟糕，但它从来没有像预期的那样工作。@SW4当您将内部链接的样式从

左填充

和

右填充

更改为

填充：0 20px