Đầu đề bảng không đầy đủ

Question

Khi tôi sử dụng lớp col-lg-6 trên panel trong bộ khởi động, panel-heading không lấp đầy chiều rộng của bảng điều khiển.

Làm cách nào để khắc phục sự cố này?

<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

Sửa lỗi dễ dàng. Di chuyển col-lg-6 để một thẻ div bao quanh bảng điều khiển như vậy:

<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

Bằng cách đưa ra col-lg-6 bạn đang đưa ra bảng điều khiển độ rộng quy định tại col-lg-6 .Instead đặt đánh dấu bảng điều khiển bên trong div chứa col-lg-6.

Đây là live working demo.

Tôi không chắc chắn nếu bạn muốn this quá hay không.