Заголовок панели не заполнен

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

Answer 2

Давая col-lg-6 вы даете панель ширина указано в col-lg-6 .Instead поставить панель разметку внутри DIV, содержащего col-lg-6.

Вот live working demo.

Я не уверен, хотите ли вы this или нет.