Twitter bootstrap 如何将twitter引导警报连续居中？

代码如下所示：

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

我的警觉

这不管用。想法

---

我正在寻找一种解决方案，它不涉及任何地方的硬编码宽度。

最好让您的代码像这样：

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

---

假设您使用的是默认的12柱网轴线：

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

我的警觉

请参见文档顶部的偏移列。

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

在您的样式中添加此项

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

更新

当上述技术起作用时（通过100-40-30……保持30%的正确率）。。使用以下技术更简单，因为与上一个示例不同，本示例中的框大小不需要根据文本长度进行调整。如果可能，请使用此选项：

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

---

奇怪，我应该做这项工作。尝试将“文本中心”类添加到span12 div中。您在span12谢谢@BOTJr之后缺少一个结束引号。这个+10让我超过了50岁，我现在有评论：）Bhai koi nahi:D，我猜你是印度人？哈哈，是的，那就是我！

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