css - Bootstrap 警报右边距问题？

Question

我在我的 MVC 应用程序中使用 Bootstrap 警报。当警报出现时，它占用左边距，但在右侧不占用边距。

我没有对 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。作为一个部分的结果警报轻弹并自动隐藏并留在屏幕上如下:

我需要什么帮助？

能否请您指导我如何使左右边距相等，bootstrap 中是否有默认类？

编辑 我知道我可以集中这个 div 我的 fixing width 和设置 margins:auto 但问题是固定宽度它是否会保持响应，因为它是使用 bootstrap 的基本目的？我不确定在修改哪些样式我应该修改哪些不应该修改。

Answer 1

将整个 div 居中，这将自动提供合适的边距:

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

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