/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 vote172 views2 answers
Bootstrap 5 carousel disable autoplay
Html
1 vote190 views1 answer
What is the base of an html code?
Html
0 vote189 views1 answer
Tag field
Html
0 vote182 views1 answer
Spin the wheel html
Html
1 vote149 views5 answers
Draw rectangle html canvas
Html
15 votes186 views1 answer
Pdf to html
Html
8 votes254 views2 answers
Comment in html5
Html
3 votes190 views4 answers
Bootstrap table hover
Html
0 vote182 views1 answer
How to make web page center
Html
3 votes206 views1 answer
Full Stack web dev meanin
Html