Panel heading is not full

Question

When I use the class col-lg-6 on a panel in bootstrap, the panel-heading does not fill the width of the panel.

How can this be fixed?

<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

Easy fix. Move the col-lg-6 to a div tag that surrounds the panel as such:

<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>