引导程序：如何使警报占用其内容的宽度

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

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

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

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