如何從Bootstrap導航中刪除左上角的空白？

我有一個使用Bootstrap 3創建的導航菜單。Here is a demonstration link我想從導航中刪除頂部和左/右邊距。如何從Bootstrap導航中刪除左上角的空白？

enter image description here

我如何更新我的代碼[CSS/HTML]讓我期望的輸出？

2014-09-04 user1353519

請修改您的代碼示例，以便所有內容都可以放入jsFiddle或其他便攜式示例中。這就是說，'.navbar-nav> li> a {border-right：1px solid＃d5d5d5; }'當然在白色空間中扮演一個角色。 – KyleMit 2014-09-04 17:39:16

我覺得你的資產淨值：

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

它的風格與：

background-color: #f8f8f8; 
border-color: #e7e7e7; 
border-radius: 0px !important; 
border-top-left-radius: 4px !important; 
border-top-right-radius: 4px !important;

所以，你必須添加CSS "border: none;"

壞的事情是，你失去了border radius。

來源

2014-09-04 17:44:22 pbenard

在代碼中執行以下操作更正

首先刪除此HTML

 <div class="navbar navbar-static-top"> 
      <div class="navbar-inner"> 
       <div class="container"> 
        &nbsp;</div> 
       </div> 
     </div>

二使用此CSS

body { 
     padding-top: 0px !important; 
    }

現在你的頂部空間就會消失！接下來

三在你的第一個div標籤去除container類，並添加row類這樣

<div class="row">

現在你的左邊和右邊的空間將消失！

你會得到所需的結果！

來源

2014-09-05 07:14:21

如何從Bootstrap導航中刪除左上角的空白？

回答

相關問題