/Html/Align center inner div using bootstrap

Align center inner div using bootstrap

<div class="container">
  <div class="row justify-content-md-center">
    <div class="col col-lg-2">
      1 of 3
    </div>
    <div class="col-md-auto">
      Variable width content
    </div>
    <div class="col col-lg-2">
      3 of 3
    </div>
  </div>
  <div class="row">
    <div class="col">
      1 of 3
    </div>
    <div class="col-md-auto">
      Variable width content
    </div>
    <div class="col col-lg-2">
      3 of 3
    </div>
  </div>
</div>

Source: getbootstrap.com

Similar codes

0 vote309 views2 answers
Html attribute keyboard shortcut
Html
12 votes311 views2 answers
How to embed an image in html
Html
1 vote358 views2 answers
Head tags
Html
-1 vote328 views1 answer
Structure of an html document
Html
0 vote356 views2 answers
Jquery add hidden attribute
Html
3 votes330 views2 answers
What is <tr> in HTML
Html
2 votes329 views1 answer
Bootstrap range input
Html
1 vote366 views2 answers
Html code for website design
Html
0 vote317 views1 answer
Elementor icon controls
Html
0 vote354 views1 answer
Spacing between html elements
Html