面板标题未满

Question

当我在引导程序中使用该类col-lg-6时panel,panel-heading不会填充面板的宽度.

怎么解决这个问题？

<div class="container">
<div class="row">
<div class="panel panel-default col-lg-6">
<div class="panel-heading">Panel heading without title</div>
<div class="panel-body">
Panel content
</div>
</div>
</div>
</div>

Answer 1

轻松修复.将col-lg-6移动到围绕面板的div标签,如下所示:

<div class="row">
    <div class="col-lg-6">
        <div class="panel panel-default">
            <div class="panel-heading">Panel heading without title</div>
            <div class="panel-body">
                Panel content
            </div>
        </div>
    </div>
</div>