如何将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; 
}