/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 vote202 views6 answers
Starter template bootstrap
Html
6 votes219 views6 answers
Html collection to array
Html
0 vote187 views2 answers
Html attribute keyboard shortcut
Html
0 vote184 views1 answer
How to show pdf as image in html
Html
0 vote181 views1 answer
What is 2 + 2
Html
1 vote199 views1 answer
Spacing between columns bootstrap 5
Html
0 vote198 views1 answer
Table align center not working in github
Html
3 votes184 views2 answers
Html meta tags for seo
Html
0 vote202 views1 answer
Counterup html
Html
-1 vote218 views1 answer
Default index.html code reac
Html