/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 vote260 views2 answers
Vertical line navigation bar
Html
0 vote287 views1 answer
Render partial view to html string dotnet core
Html
0 vote267 views1 answer
Fix form refresh sites html
Html
-5 votes270 views5 answers
Happy New Year!
Html
1 vote250 views1 answer
Html yuan symbol
Html
7 votes260 views1 answer
Bootstrap blog post card
Html
0 vote264 views1 answer
Herf
Html
15 votes276 views3 answers
Bootstrap 4 tooltip
Html
0 vote285 views1 answer
View uava code in html
Html
0 vote266 views1 answer
Nativescript router navigate
Html