bootstrap：如何发出警报采取其内容的宽度

Question

如何发出警报取其内容的宽度？

这个div将占用所有可用空间，而我希望它只与我的文本一样长。

<div class="alert alert-info">
    <span class="glyphicon icon-info"></span> My text.
</div>

Answer 1

试试这个..

.alert {display:inline-block;}

演示：http://www.bootply.com/124763

请注意，此方法将更改所有警报的行为。如果您不需要它，可以添加class：

.alert-auto {display:inline-block;}

并仅在需要自动宽度警报的地方使用它。

Answer 2

您也可以通过以下方式实现它

<div class="alert alert-success" style="display:inline-block;"> Your Content </div>

Answer 3

  .alert {display:inline-block;}

放入您的.css，以使内联警报适合您的文本