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.
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 .
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.
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?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With