Bootstrap col center content

<div class="row">
    <div class="col-4 d-flex justify-content-center text-center">
        // for image and text
    </div>
</div>

Source: stackoverflow.com

Bootstrap center align columns

<!-- Center columns in a Row -->
<div class="row d-flex justify-content-center text-center">
    <div class="col-4">
        // Add Content
    </div>
    <div class="col-4">
        // Add Content
    </div>
    <div class="col-4">
        // Add Content
    </div>
</div>

Bootstrap text center in div

<!-- recommended method -->
<div class="col-xs-1 text-center">

Source: stackoverflow.com

Bootstrap justify-content-center for lg

<div class="row justify-content-lg-center"><div>

Similar codes

132 votes140 views6 answers
Html open link in new tab
Html
0 vote150 views2 answers
El barka mouse
Html
0 vote149 views2 answers
Mark html element
Html
4 votes142 views1 answer
Rotate an image on hover CSS
Html
2 votes154 views1 answer
Disable textarea html
Html
0 vote140 views2 answers
Why is HTML so easy
Html
0 vote189 views1 answer
Run 2 function on input vue
Html
3 votes135 views2 answers
Iframe youtube not working
Html
0 vote143 views1 answer
Scroll to a section of your page html
Html
6 votes141 views1 answer
Iframe not loading file media query
Html