Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is bd-highlight in Bootstrap 4.1?

On the bootstrap 4.1 documentation page for flexbox, there are several examples where the class bd-highlight is used. For example:

<div class="d-flex p-2 bd-highlight">I'm a flexbox container!</div> 

What is the use of bd-highlight?
There doesn't seems to be any documentation for this class.

like image 243
John Avatar asked Jun 22 '18 00:06

John


People also ask

How do I center align items in bootstrap 4?

Use align-self utilities on flexbox items to individually change their alignment on the cross axis (the y-axis to start, x-axis if flex-direction: column ). Choose from the same options as align-items : start , end , center , baseline , or stretch (browser default). Responsive variations also exist for align-self .

Why is Mr auto not working?

mr-auto is use to set margin-right auto not to use align content to right. you want to align content to right in col-lg-9 so you need to add class to text-right with col-lg-9. thank you. Save this answer.


1 Answers

I think this is just a custom css class to highlight the examples, i.e., set background color and borders, on the documentation pages.

.bd-highlight {     background-color: rgba(86,61,124,0.15);     border: 1px solid rgba(86,61,124,0.15); } 

bd = Bootstrap Documentation?

like image 80
David Liang Avatar answered Oct 19 '22 13:10

David Liang