0

In boostrap 4, "well" is replaced by "card".

However, I don't get the same result here : 

<ul class="list-unstyled">
    <li class="card">...</li>
    <li class="card">...</li>
</ul>

Here I just replaced "well" with "card". Obviously it seems we don't use card this way. But I cannot find how to get the same result reading the docs.

With bootstrap 3 and "well", we had a nice box with a grey backgroud, for each list item. And every list item was wrapped in default padding/margins.

What is the boostrap 4 equivalent ?

trogne
  • 3,402
  • 3
  • 33
  • 50
  • 1
    bootstrap has a `utilities` column that gives you access to `flex` classes [view here](http://getbootstrap.com/docs/4.1/utilities/flex/). On your `
  • `you can add the class `my-1` up to `my-5` which applies margin to the top and bottom of the element or you can do `mx-1` to `mx-5` which applies margin to the left and right or you can do just `m-1` to `m-5` which gives margin on all sides. `1-5` being he available sizes
    • – TJ Weems Dec 01 '18 at 18:34
  • Excellent ! You can post an answer and I'll accept it. THANKS! – trogne Dec 01 '18 at 20:52
  • awesome. Will do! – TJ Weems Dec 01 '18 at 21:52