twitter-bootstrap-3 - Bootstrap : how to make an alert take the width of its content

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;}

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