Answers:
更新2018 ...
card
已取代well
。
引导程序4
<div class="card card-body bg-light">
Well
</div>
或,作为两个DIV ...
<div class="card bg-light">
<div class="card-body">
...
</div>
</div>
(注意:在Bootstrap 4 Alpha中,这些被称为card-block
代替card-body
和bg-faded
代替bg-light
)
Wells从版本4的 Bootstrap中删除。
您可以使用Cards代替Wells。
这是有关如何使用新卡功能的快速示例:
<div class="card card-inverse" style="background-color: #333; border-color: #333;">
<div class="card-block">
<h3 class="card-title">Card Title</h3>
<p class="card-text">This text will be written on a grey background inside a Card.</p>
<a href="#" class="btn btn-primary">This is a Button</a>
</div>
</div>
这最适合我:
<div class="card bg-light p-3">
<p class="mb-0">Some text here</p>
</div>
确定的正式版本说,这些卡是Bootstrap井的新替代品。但是Cards现在是相当广泛的Bootstrap组件。简单来说,您也可以使用Bootstrap Jumbotron。
寻找单行选项:
<div class="jumbotron bg-dark"> got a team? </div>
well
已完全删除新卡组件。v4-alpha.getbootstrap.com/migration