Question

所以我几个月来一直在使用Bootstrap的面板类，我无法确定我在面板类中做的是否好。所以我曾经像这样使用面板类

  <div class="container clearfix">
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-default">

                    <div class="panel-heading">

                    </div>

                    <div class="panel-body">

                    </div>

                    <div class="panel-footer">

                    </div>

                </div>

            </div>
        </div>
    </div>

我将面板类包装在col-md-12中。
我还发现以下工作：

  <div class="container clearfix">
        <div class="row">

                <div class="panel panel-default">

                    <div class="panel-heading">

                    </div>

                    <div class="panel-body">

                    </div>

                    <div class="panel-footer">

                    </div>

                </div>

        </div>
    </div>

我的问题几乎就响应式设计而言哪种方法更好。他们似乎都很敏感。是否有必要将面板 - 默认值及其所有内容包装在带有列类的div中，还是由具有行类的外部div处理？

Answer 1

根据Bootstrap 3 code examples ，panel元素不需要包含在col-**-*包装中并将其包装在col-md-12个中没有任何意义，因为默认情况下，面板的100%宽度为container。

但是，如果您希望宽度不是100％，而是col-**-**，则可以将其包装在33%类中。

<强> Bootply example

使用Bootstrap面板类的一般良好实践

1 个答案: