/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 vote114 views1 answer
Ios viewport cover
Html
0 vote116 views1 answer
How to take input from user in html
Html
0 vote113 views1 answer
How to add .java files to html
Html
0 vote124 views2 answers
Html css change reading direction
Html
0 vote124 views1 answer
Require in html
Html
0 vote151 views1 answer
Change td color html
Html
2 votes126 views1 answer
Get directions google maps html
Html
1 vote109 views1 answer
Do not close dialog box when click outside bootstrap modal
Html
8 votes121 views6 answers
Bootstrap 5 jumbotron
Html
1 vote117 views1 answer
Ionic skeleton
Html