twitter bootstrap块显示

Question

我正在为我的网站mywebsite使用Twitter bootstrap 我使用col-md-3创建了四个类别块。当一个块比另一个块更高时，其他块不能正确显示。这是我的代码：

<div class="row">
            {% for category in categoriesActivities %}
                <div class="col-md-3 col-sm-6">
                    <ul class="classifieds-category">
                        <li><a href="#"><i class="fa fa-bullhorn"></i>{{ category.name }}</a>
                            <ul class="sub-category">
                                {% for activity in category.activities %}
                                    <li>
                                        <a href="{{ path('front_activity_details', { 'id': activity.id }) }}">{{ activity.principal }}</a>
                                    </li>     
                                {% endfor %}
                            </ul>
                        </li>
                    </ul>
                </div><!-- End grid layout -->
            {% endfor %}
        </div> <!-- End .row -->  

街区图片：
我该如何解决？

Answer 1

你需要添加

<div class="clearfix"></div>

在Informatiqe div之后。 这会清除col- - 浮动。