What is the '.well' equivalent class in Bootstrap 4

css twitter-bootstrap twitter-bootstrap-3 bootstrap-4 twitter-bootstrap-4

Jobin · Jul 27, 2016 · Viewed 101.2k times · Source

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?

Answer

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)