Bootstrap警报大小更改

Question

有没有办法可以编辑警报在整个页面上的延伸程度,所以它不会一路走来？

以下是我的警报示例:

<div class="alert alert-success">Your first number was correct.</div>

Answer 1

如果你想要警告是juste内部文本的大小:

.alert {
  display:inline-block;
}

Answer 2

用一些 CSS

.alert {
   width:40%;    
}

例

http://www.bootply.com/96921

上面的示例使警报宽度为容器的40%,或者在这种情况下为屏幕.

您还可以设置固定宽度.

.alert {
   width:300px;    
}

Answer 3

将它放在一个row并抵消其中col它为我做了.

<div class="row">
    <div class="alert alert-danger col-md-4 col-md-offset-4" align="center">

    </div>
</div>