本文介绍了Bootstrap 4中的'.well'等价类是什么的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在bootstrap-3中,有一个 .well 类,该类在其周围添加了圆角边框具有灰色背景色和一些填充的元素.

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>

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

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

推荐答案

更新2018 ...

card取代了well.

引导程序4

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

,作为两个DIV ...

or, as two DIVs...

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

(注意:在Bootstrap 4 Alpha中,它们被称为card-block而不是card-bodybg-faded而不是bg-light)

(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'等价类是什么的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-10 02:26