Twitter Bootstrap刪除跨度的頁邊距

Question

我正在使用Twitter Bootstrap。我已經連續使用了span8和span 4。無論如何要從行的第一個跨度中刪除前邊距 - 左：20像素，而不需要手動操作它？

Answer 1

這20像素的保證金您在#mainContent地區看到的是由於自舉格，它使用的940px容器的設置，它應該通過與margin-left:-20px屬性.row容器中取出。在您的設置中，您的內容區域的工作方式與其設計方式一樣，但是您的頂部pageHeader和mainNav部分未正確插入網格中，因此只有.row頂部部分中的div沒有包含在適當的容器中的網格。

要解決此問題，您只需將所有pageHeader和mainNav元素插入.span12容器中，並且所有內容都應該相應地堆疊。

固定標記

<header class="row" id="pageHeader"> 
    <div class="span12"> 
     <div id="logo">Logo</div> 
     <div id="userDetails">userDetails</div> 
    </div> 
</header> 

<nav id="mainNav" class="row"> 
    <div class="span12"> 
     <ul> 
      <li><a href="home.html">Home</a></li> 
      <li><a href="dashboard.html">Dashboard</a></li> 
      <li><a href="blog.html">Blog</a></li> 
      <li><a href="idea_exchange.html">Idea Exchange</a></li> 
     </ul> 
    </div> 
</nav> 

此外，即時提示，你可以簡單地通過像這樣針對其切換你的mainNav背景色的.span12適當的網格容器：

nav#mainNav .span12 { 
    background: url("../images/nav_bar_bg.png") repeat-x scroll 0 0 transparent; 
    height: 45px; 
    overflow: hidden; 
} 

Answer 2

有

http://getkickstrap.com/extras/#single-view

稱爲flushspan

Answer 3

，你可以在你的CSS添加一類重要的：

例如：

.no_margin{ 
margin:0px !important; 
} 

並在需要時該類添加到您的HTML。

（對不起我的英文不好XD）

Answer 4

通過使用「行」或「排液」類作爲您的跨度類

<div class="row"> 
    <div class="span3"> 
     <ul> 
      <li><a href="home.html">Home</a></li> 
      <li><a href="dashboard.html">Dashboard</a></li> 
      <li><a href="blog.html">Blog</a></li> 
      <li><a href="idea_exchange.html">Idea Exchange</a></li> 
     </ul> 
    </div> 
</div>