COL-10和COL-2排生成右怪異的間距引導3

我有這樣的代碼非常簡單：COL-10和COL-2排生成右怪異的間距引導3

<body> 
    <div class="myclass"> 
     <div class="row"> 
      <div class="col-md-10">Blah</div> 
      <div class="col-md-2"> 
       <div>Hello </div> 
      </div> 
     </div> 
    </div> 
</body>

我加載了Firefox和我看到的行佔用的一些額外的空間對。這會導致底部的水平滾動條，因爲瀏覽器認爲網站寬度非常寬。這裏有一張照片：

不宜行長達COL-12就好了？ col-10 + col-2合計爲col-12，爲什麼我要獲得額外的空間？

來源

2014-01-25 user21398

您的.container在哪裏？ –

將您的.row包裝在.container中。

或將padding: 0 15px;添加到您的myclass。

.myclass{ 
    padding: 0 15px; 
}

網格和全寬度的佈局 - 人找創建充分流動佈局（這意味着你的網站綿延視口的整個寬度）必須包裹它們的柵內容與填充含有元素：0 15px的;抵消保證金：0 -15px;用於.rows。

來源

2014-01-25 23:41:06 Schmalzy

COL-10和COL-2排生成右怪異的間距引導3

回答

相關問題