/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 vote369 views2 answers
Laravel nginx config
Html
2 votes326 views2 answers
Hover message html
Html
9 votes315 views4 answers
Html add image from folder
Html
0 vote311 views1 answer
How to check system is 32 or 64 linux
Html
10 votes316 views2 answers
How to display a link in html
Html
0 vote339 views1 answer
Ionic footer not appearing
Html
0 vote352 views1 answer
Html lang="ro"
Html
0 vote400 views1 answer
Pug meta viewport
Html
5 votes354 views1 answer
Textarea readonly
Html
1 vote353 views1 answer
Laravel loop iteration pagination
Html