Question

我正在将我的网站重写为Bootstrap3，偶然发现了一个似乎也让许多人受到影响的错误。基本上我试图在990px容器内均匀分配4~220px元素。在旧的bootstrap中，自动添加了边距。但是现在他们的填充方法已经没有了这样的东西了。任何提示如何解决这个问题？

以下是示例代码：

<div class="container">
    <div class="row">
    <section class="col-md-12">
        <article class="col-md-3">content</article>
        <article class="col-md-3">content2</article>
        <article class="col-md-3">content3</article>
        <article class="col-md-3">content4</article>
    </section>
    </div>
</div>

小提琴链接：

http://jsfiddle.net/QJyCe/

Answer 1

要解决此问题，我使用“col-”div作为容器，然后将内容html放在其中：

<div class="row">
    <div class="col-md-3">
        <article>
            article1
        </article>
    </div>
    <div class="col-md-3">
        <article>
            article2
        </article>        
    </div>
    <div class="col-md-3">
        <article>
            article3
        </article>        
    </div>
    <div class="col-md-3">
        <article>
            article4
        </article>        
    </div>    
</div>

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
article { height:100px; padding:20px; border: 1px solid black; }

http://jsfiddle.net/25BHu/1/

使用Bootstrap3分配容器中的元素

1 个答案: