/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 vote291 views1 answer
Kebab-case
Html
2 votes308 views2 answers
Progress-bar-success bootstrap 4
Html
1 vote290 views2 answers
How to refer to external style sheet
Html
1 vote297 views1 answer
Hotlink html
Html
1 vote327 views1 answer
Html text transformation
Html
0 vote312 views1 answer
Border corner frames image css
Html
30 votes309 views4 answers
File input html
Html
2 votes319 views3 answers
Html chevron
Html
0 vote360 views1 answer
Html entity quote
Html
0 vote309 views1 answer
Construindo html amp
Html