/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 vote171 views1 answer
Add ruby title html erb icon
Html
0 vote165 views1 answer
Difference between core attribute and generic attributes in html
Html
1 vote158 views1 answer
Filled input in form
Html
1 vote197 views2 answers
Robots.txt
Html
2 votes166 views3 answers
Emoji icon html
Html
0 vote174 views1 answer
Html to jpg
Html
1 vote185 views1 answer
Main-menu-toolbar angular
Html
1 vote153 views1 answer
%20 in html
Html
1 vote123 views3 answers
Install ubuntu on vmware workstation 16
Html
0 vote175 views1 answer
Html marquee space between images
Html