寬度只是不會百分之百

https://jsfiddle.net/jonathansh1115/oc75f0sr/寬度只是不會百分之百

我讀的寬度約爲很多帖子不會是100％，人們總是說

body { 
margin=0; 
padding=0; 
}

工作，但在這個loooook！

PS：我使用有

來源

2017-08-09 Jonathan

什麼問題？ divs的空格？ – Aslam

引導鏈接如果我知道你想你的問題，你有3個街區有一個100％的寬度。在這裏，他們有33.33％的頁面的100％，因爲你有col-sm-4。嘗試通過更換：

<div id="all"> 
     <div class="row col-sm-12" id="hqllo"><h1>hqllo</h1></div> 
     <div class="row col-sm-12" id="nook"><h1>nooook</h1></div> 
     <div class="row col-sm-12" id="pro"><h1>pro</h1></div> 
</div>

來源

2017-08-09 10:04:12 Linkliman

這是不行的，因爲存在寬度：calc（100％/ 3）。 }' –

哦，好吧沒有看到......但爲什麼使用這個css屬性bootstrap，並不使用基本網格的簡單事情呢？ – Linkliman

在css

.row { 
    width:calc(100%/3); 
}

jsfiddle

來源

2017-08-09 10:04:46

能很好地去除這一點，有很多與您的代碼的問題。

首先，您沒有正確使用引導程序。您還必須添加CSS文件。如果僅包含js文件，Bootstrap將不起作用。一旦你包括它，那麼一切都會工作得很好。

div的間距是因爲瀏覽器的默認值。如果你包含Bootstrap，它們將會消失。另外，您需要正確使用引導類。

在我看來，你應該通過Bootstrap的文檔，然後創建你的佈局。 http://getbootstrap.com/getting-started/

來源

2017-08-09 10:06:49 Aslam

寬度只是不會百分之百

回答

相關問題