Làm cách nào để căn giữa cảnh báo khởi động twitter liên tiếp?

Question

Mã trông giống như sau:

<div class="row"> 
<div class="span4 alert alert-info">My Alert</div> 
</div> 

Điều này không hiệu quả. Ý tưởng?

Tôi đang tìm một giải pháp không liên quan đến độ rộng mã hóa ở mọi nơi.

Answer 1

tốt nhất để có mã của bạn như vậy:

<div class="row"> 
<div class="span12"> 
    <div class="alert alert-info">My Alert</div> 
</div> 
</div> 

Sau đó, bạn có thể thiết lập các cảnh báo là:

.alert { 
    display: inline-block; 
    margin: 0 auto; 
} 

Answer 2

Giả sử bạn đang sử dụng mặc định 12 cột lưới:

<div class="row"> 
    <div class="span4 offset4 alert alert-info">My Alert</div> 
</div> 

Xem Cột bù trừ trên grid system section tài liệu.

Answer 3

<div class="alert alert-info col-lg-2 col-lg-offset-10">My Alert</div> 

Answer 4

Trong phong cách của bạn, hãy thêm vào.

.alert { 
    width:40%; margin-left: 30%; 
} 

CẬP NHẬT

Trong khi kỹ thuật nói trên làm việc (giữ 30% ở bên phải bằng cách làm 100-40-30 ..) .. nó đơn giản để sử dụng các kỹ thuật sau đây thay vì như wouldn kích thước hộp không cần phải được điều chỉnh theo độ dài văn bản trong điều này không giống như trong ví dụ trước. Sử dụng điều này khi có thể:

.alert { 
    margin: auto; display: table; 
}