Margin/Padding左側的引導程序Navbar的隱藏標題？

Question

我有一個Bootstrap導航欄，其中除了XS以外，所有尺寸都有一個隱藏標題。那麼，在SM，MD，LG的尺寸中，導航欄的左邊界和我的第一個MenuItem之間有一個空格，我想要這樣做。不過，在右邊緣不會發生這種情況。這是我的代碼：

<nav id="idNavMenu" class="navbar navbar-default" role="navigation"> 

    {/*<a class="navbar-brand" href="/inicio"><img id="idFotoLogotipo" width="200px" src="./assets/images/cabecera_CE.jpg"/></a>*/} 

    <a class="navbar-brand visible-xs-block" href="http://www.upct.es/"><span id="idTextoLogotipo">UPCT</span></a> 

    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
      <span class="sr-only">Menú</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
    </div> 

    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
     <ul class="nav navbar-nav navbar-left"> 
      <MenuNavItem to='/alumno/inicio' index={true} menuItemActive="inicio">Inicio</MenuNavItem> 
      <MenuNavItem to='/alumno/nueva_incidencia' menuItemActive="nueva_incidencia">Nueva Incidencia</MenuNavItem> 
      <MenuNavItem to='/alumno/mis_incidencias' menuItemActive="mis_incidencias">Mis Incidencias</MenuNavItem> 
     </ul> 

     <ul class="nav navbar-nav navbar-right"> 
      <MenuNavItem to=''><span class="glyphicon glyphicon-off"></span> Salir</MenuNavItem> 
     </ul> 
    </div> 

</nav> 

我怎麼能解決這個問題？謝謝。

Answer 1

添加一些CSS到更大的屏幕寬度去除padding-left ...

@media (min-width: 768px) { 
    .navbar-ex1-collapse { 
     padding-left: 0; 
    } 
} 

http://www.codeply.com/go/6uRPnswd7J