0

我有一个问题,将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

希望你能帮助我,关心!

回答

1

Bootstrap 3使用填充而不是边距来创建列(间隙)之间的间距,所以如果您在aside div内使用div,则会看到阴沟。

既然你希望它是10px可以设置为5px的填充上articleaside两侧...

http://bootply.com/130020

0

我不是专家,但你可能想要做的是download a customized version of bootstrap你改变@ grid-gutter-width。这将允许您更改所有内容的边距。

你可以尝试重写这个CSS,但我的猜测是,在所有LESS的东西里,它都被用来构建其他样式,在你知道它之前,你会希望你做到。

除此之外,我认为你会遇到网格系统的问题,并使用所有的列和增加利润。 100%+ 3%总是会在下一行中结束。

另一个选择可以是使用填充,这样您的网格系统的宽度保持不变,但您可以获得可视距离。