Panel Überschrift ist nicht voll

Question

Wenn ich die Klasse col-lg-6 auf einem panel im Bootstrap verwenden, füllt die panel-heading nicht die Breite des Panels.

Wie kann das behoben werden?

<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

Einfache Lösung. Bewegen Sie die col-lg-6 zu einem div-Tag, das die Platte als solche umgibt:

<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

von col-lg-6 geben Sie die Platte geben die Breite in col-lg-6 angegebenen .Instead das Panel Markup innerhalb des div col-lg-6 enthält setzen.

Hier ist die live working demo.

Ich bin mir nicht sicher, ob Sie this auch wollen oder nicht.