/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

1 vote289 views1 answer
Bootstrap 5 official website
Html
4 votes271 views1 answer
Show text when hover over button
Html
0 vote290 views1 answer
BEM example html
Html
0 vote261 views1 answer
Simple html report template
Html
0 vote276 views1 answer
Html select default message
Html
0 vote284 views2 answers
How to put the heading in th ecenter of th html page
Html
2 votes286 views3 answers
Html chevron
Html
0 vote279 views1 answer
Svelte if in html attribute
Html
1 vote276 views1 answer
Django template variable remove all spaces
Html
3 votes279 views4 answers
Htaccess redirect to html page
Html