/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

2 votes225 views1 answer
How to contrast img in html
Html
6 votes233 views6 answers
Html collection to array
Html
0 vote203 views1 answer
Html onclick with parameter
Html
0 vote223 views1 answer
Ruin
Html
2 votes198 views2 answers
Bootstrap embed-responsive-4by3
Html
0 vote219 views1 answer
Html post doesn't work
Html
0 vote173 views0 answer
Html
1 vote221 views2 answers
Html select default value disabled
Html
6 votes218 views1 answer
Excel formulas are showing as text
Html
0 vote205 views1 answer
How to make a vertical line on html
Html