/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 vote273 views2 answers
Auto reload
Html
0 vote276 views1 answer
How to include the trademark symbol in html
Html
0 vote280 views1 answer
Disable lazyload image smush
Html
0 vote303 views1 answer
OpenGraph 1
Html
-3 votes304 views1 answer
Lazy laoding of images
Html
54 votes293 views6 answers
Favicon
Html
0 vote291 views1 answer
Css menu Ankerpoints smooth scrolling
Html
1 vote283 views1 answer
Balise a html
Html
0 vote288 views1 answer
Phone fa
Html
2 votes283 views2 answers
Html with emoji
Html