/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

3 votes265 views2 answers
How to add steps on number input in html
Html
2 votes245 views2 answers
Cahnge bootstrap navbar color
Html
1 vote221 views1 answer
Html span title tooltip
Html
0 vote226 views1 answer
How to make games
Html
0 vote260 views1 answer
Onclick mailto inline
Html
25 votes261 views4 answers
Html select default value
Html
0 vote272 views1 answer
How to align a link in a bootsrap navbar o the left
Html
7 votes218 views1 answer
Dropdown calendar html
Html
0 vote234 views1 answer
Filter vhtml vue
Html
0 vote277 views1 answer
Possible colors used for html
Html