如何將twitter引導警報集中在一行中？

Question

代碼如下所示：

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

這是行不通的。想法？

我正在尋找一種解決方案，不涉及我在任何地方對寬度進行硬編碼。

Answer 1

最好能有你的代碼如下所示：

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

然後，你可以設置警報爲：

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

Answer 2

假設你正在使用默認的12列格：

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

請參閱偏移列在文檔中的10個。

Answer 3

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

Answer 4

在您的風格添加此。

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

UPDATE

儘管上述技術的原理（右保持30％這樣做100-40-30 ..）。其易於使用以下方法，而不是作爲箱尺寸止跌不需要像前面的例子那樣根據文本長度進行調整。如果可能，請使用此項：

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