使用引導3添加邊界之間的邊界

我有一個問題，將margin-right應用於我的article.col-sm-8，因爲如果將（例如）10px添加到邊距右邊，我放置了我的aside.col-sm-4根據文章，我不希望這樣，我希望我旁邊的文章旁邊。使用引導3添加邊界之間的邊界

我的HTML結構

<body> 
<div id="wrapper"> 
    <section class="row"> 
     <article class="col-sm-8"> 

     </article> 
     <aside class="col-sm-4"> 

     </aside> 
    </section> 
</div> 
</body>

我的包裝具有最大寬度：1000像素;

佈局了無空白，右第

enter image description here

佈局與保證金的權利文章

enter image description here

我想這一點，增加保證金的權利文章

enter image description here

希望你能幫助我，關心！

來源

2014-04-14 SoldierCorp

Bootstrap 3使用填充而不是邊距來創建列（間隙）之間的間距，所以如果您在aside div內使用div，則會看到陰溝。

既然你希望它是10px可以設置爲5px的填充上article和aside兩側...

http://bootply.com/130020

來源

2014-04-14 22:47:25 ZimSystem

我不是專家，但你可能想要做的是download a customized version of bootstrap你改變@ grid-gutter-width。這將允許您更改所有內容的邊距。

你可以嘗試重寫這個CSS，但我的猜測是，在所有LESS的東西里，它都被用來構建其他樣式，在你知道它之前，你會希望你做到。

除此之外，我認爲你會遇到網格系統的問題，並使用所有的列和增加利潤。 100％+ 3％總是會在下一行中結束。

另一個選擇可以是使用填充，這樣您的網格系統的寬度保持不變，但您可以獲得可視距離。

來源

2014-04-14 22:22:21

使用引導3添加邊界之間的邊界

回答

相關問題