Bootstrap 4中的“.well”等效类是什么

Question

在 bootstrap-3 中有 .well 类，它在具有灰色背景颜色和一些填充的元素周围添加圆形边框。

 <div class="well">Basic Well</div>

但是，我在 bootstrap-4 中没有找到任何 .well 类。在 bootstrap-4 中是否有任何与 .well 等价的标签？

原文由 Jobin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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 ）

http://codeply.com/go/rW2d0qxx08

原文由 Zim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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>

原文由 Emre Bolat 发布，翻译遵循 CC BY-SA 4.0 许可协议