bootstrap提醒右边距问题？

Question

我在MVC应用程序中使用引导程序警报。出现警报时，它会占用左边距，但在右侧则不会有边距。

我没有在css中做过任何修改，不确定它是否正确并且默认保证金。

这是我的代码：

<div class="alert alert-block alert-error">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    It is a test error message. It is test error message.
     It is a test error message. It is test error message.
     It is a test error message. It is test error message.
     It is a test error message. It is test error message.
     It is a test error message. It is test error message.

</div>

我尝试将其放入div并添加

我尝试了什么？

我尝试将此代码放在div中并在外部div上应用.input-append。作为结果提醒部分并自动隐藏并保留在屏幕上如下所示：

我需要什么帮助？

你能否指导我如何在左右两侧使边距相等，是否在引导程序中有一个默认类？

修改 我知道我可以将这个div集中在我的fixing width和设置margins:auto但关注的是修复宽度是否仍然是重要的，因为它是使用bootstrap的基本目的？我不确定要修改哪些样式我应该修改什么样的。

Answer 1

将整个div居中，这将自动提供正确的边距：

<div class="alert alert-block alert-error" style="width:800px margin: 0 auto;">

如果白色外框的宽度为1000px，那么每边都有100px的边距

Answer 2

正确的代码是：

<div class="alert alert-block alert-danger alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    It is a test error message. It is test error message.
    It is a test error message. It is test error message.
    It is a test error message. It is test error message.
    It is a test error message. It is test error message.
    It is a test error message. It is test error message.

</div>

边距/填充应用于父div，而不是警报div本身

http://jsfiddle.net/N5aG5/1/

Answer 3

因为您正在使用Bootstrap，您可以使用他们的网格系统来保持您的设计响应，例如：

{{1}}

我还添加了类文本中心，以便在短文本的情况下更好看。