即使在使用邊框之後，無法刪除導航欄和下拉菜單之間的空白：無;

我在導航欄和下拉菜單之間有空格。我必須刪除該空間並插入一行。這裏是我的屏幕截圖：即使在使用邊框之後，無法刪除導航欄和下拉菜單之間的空白：無;

我想我的菜單看起來像這樣：

這裏是我的代碼：

<div class="navbar-collapse collapse in" id="navbar-ex-collapse" style="height: auto;"> 
       <ul class="nav navbar-nav navbar-right nav-pull-right"> 
        <li><!-- ngIf: loggedUser --><a style="margin-right: 100px;margin-top: px;border-bottom: black;" data-ng-if="loggedUser" class="ng-binding ng-scope"> 
         <span class="fa fa-user iconAlign font-icon-size">&nbsp;</span>Shrivatsav, Deeksha</a><!-- end ngIf: loggedUser --> 
        </li> 
        <li><!-- ngIf: loggedUser --><div data-ng-if="loggedUser" class="ng-scope"> 
          <!-- <button data-ng-click="logout()" type="button" class="btn btn-link logoutButton" >{{'LOGOUT' | translate}}</button> 
          <a data-ng-click="logout()" class="fa fa-sign-out font-icon-size" style="padding-right:-12px;"></a> --> 
          <a data-ng-click="logout()" class="fa fa-sign-out font-icon-size"></a> 
          <button data-ng-click="logout()" type="button" class="btn btn-link logoutButton ng-binding" style="padding-top:0px;">Log out</button> 
         </div><!-- end ngIf: loggedUser --> 
        </li> 
       </ul> 
      </div>

這裏是我的CSS ：

.navbar-default .navbar-collapse, .navbar-default .navbar-form { 
    border-color: #e7e7e7; 
} 
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { 
    margin-right: -15px; 
    margin-left: -15px; 
    /* margin-top: -1px; */ 
    border: none; 
    /* margin-bottom: -1px; */ 
} 
.navbar-collapse.in { 
    overflow-y: auto; 
} 
.collapse.in { 
    display: block; 
}

當我添加margin top : -1px它是將左wafrds如圖所示：

DEMO

我怎麼消除的差距。請幫助我。

來源

2016-02-03 Shruthi Sathyanarayana

創建的jsfiddle鏈接，並給我們 –

@Rohit阿扎德，https://jsfiddle.net/ra5dc7x3/ –

試試這個

@media (max-width: 767px) { 
.nav>li{border-top:1px solid #444;} 
.navbar-collapse{border-top:0;} 
}

See demo

來源

2016-02-03 07:34:02

嘗試將此

button.navbar-toggle { 
    margin-bottom: 0; 
    margin-top: 0; 
    padding: 0 2px; 
}

因爲你定義按鈕

padding-top: 2px; 
padding-bottom: 2px; 
    margin-top: 8px; 
    margin-bottom: 8px;

使節目保證金頂

Demo

來源

2016-02-03 06:17:28

即使在使用邊框之後，無法刪除導航欄和下拉菜單之間的空白：無;

回答

相關問題