<分区>
我有一个 Bootstrap 警报,我希望宽度适合内容。在 Bootstrap 文档中,默认值为 100% 宽度。使警报内容完全适合所有屏幕尺寸的最可靠方法是什么?
<div class="container">
<div class="alert alert-danger">
My short alert message.
</div>
</div>
<分区>
我有一个 Bootstrap 警报,我希望宽度适合内容。在 Bootstrap 文档中,默认值为 100% 宽度。使警报内容完全适合所有屏幕尺寸的最可靠方法是什么?
<div class="container">
<div class="alert alert-danger">
My short alert message.
</div>
</div>
最佳答案
你只需要添加display: inline-block
.alert-trim {
display: inline-block;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css">
<div class="container">
<div class="alert alert-danger">
Normal Alert Message
</div>
<div class="alert alert-danger alert-trim">
Trimmed Alert Message
</div>
</div>
另请参阅:Is it really impossible to make a div fit its size to its content?
关于css - 适合 Bootstrap 警报的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31342606/