Twitter的引導2.2.2排橫向對齊和寬度混合940px和960像素

我與Twitter的引導做了一個非常基本的佈局：Twitter的引導2.2.2排橫向對齊和寬度混合940px和960像素

<body> 
<div class="container"> 

    <!-- Navbar --> 
    <div class="navbar"> 
     <div class="navbar-inner"> 
      ... 
     </div> 
    </div> 

    <!-- Carousel --> 
    <div class="row"> 
     <div class="span12"> 
      <div id="myCarousel" class="carousel slide" > 
       ... 
      </div> 
     </div> 
    </div> 

    <!-- the content --> 
    <section id="first_sect"> 
     <div class="row alpha07"> 
      <div class="span12"> 
       <h1>header</h1> 
       <p>Lorem ipsum dolor sit amet...</p> 
      </div> 
     </div> 
    </section> 

    <!-- whitespace row --> 
    <div class="row alpha07"> 
     <div class="span12"> 
      &nbsp; 
     </div> 
    </div> 

    <!-- adress footer --> 
    <section id="adress section"> 
     <div class="row alpha07">... 
     </div> 
    </section> 
    <!-- End of Bootstrap Container --> 
</div> 
</body>

，我有一排水平對齊和寬度的問題，照片都講述這更好： enter image description here

紅色的背景去過多地離開
沒有填充到右側

Bootstrap是開箱即用的，沒有任何更改。頁面代碼：http://jsfiddle.net/thomson256/DMnhL/10/ Twitter的引導2.2.2版

的問題是：是這個somekind的錯誤的還是我只是缺少一些包裝HTML元素或改變.LESS變量？

來源

2013-01-15 Thomson256

就我所知，這是按預期工作的。爲內容區域添加一個內部換行div，並將你的css應用到該內容區域。

.inner { 
    padding: 2em; 
    background: rgba(150, 50, 50, 0.7); 
}

這是叉子：http://jsfiddle.net/gyf6c/1/。

來源

2013-01-15 22:08:15

現在，我認爲我會做你的叉子，會做的伎倆，謝謝。對於地址頁腳，需要稍微更多[詳細]（http://pastebin.com/582VqQYG）代碼。應用程序的想法是有一個全屏圖像背景，因此背景顏色，所以結論可能是TwBS沒有爲此計劃？反正左邊的960px和20px的平均值是多少？爲了保證可能的左導航？ – Thomson256

我認爲利潤率與電網系統有關。 –

Twitter的引導2.2.2排橫向對齊和寬度混合940px和960像素

回答

相關問題