Bootstrap 4 中的“.well"等效类是什么 [英] What is the '.well' equivalent class in Bootstrap 4

问题描述

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

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

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

解决方案

2018 年更新...

card 取代了 well.

引导程序 4

好

或，作为两个 DIV...

<div class="card-body">...

(注意:在 Bootstrap 4 Alpha 中，这些被称为 card-block 而不是 card-body 和 bg-faded 而不是bg-light)

http://codeply.com/go/rW2d0qxx08

In bootstrap-3 there is .well class which adds a rounded border around an element with a gray background color and some padding.

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

But, I didn't find any .well class in bootstrap-4. Is there any tag equivalent to .well in bootstrap-4?

解决方案

Update 2018...

card has replaced the well.

Bootstrap 4

<div class="card card-body bg-light">
     Well
</div>

or, as two DIVs...

<div class="card bg-light">
    <div class="card-body">
        ...
    </div>
</div>

(Note: in Bootstrap 4 Alpha, these were known as card-block instead of card-body and bg-faded instead of bg-light)

http://codeply.com/go/rW2d0qxx08

这篇关于Bootstrap 4 中的“.well"等效类是什么的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！