/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

1 vote146 views1 answer
Bootstrap select dropdown height size
Html
2 votes164 views1 answer
Laravel raw html
Html
8 votes141 views6 answers
Marquee html
Html
0 vote155 views1 answer
Textbox password php
Html
3 votes145 views3 answers
Ion button
Html
1 vote248 views1 answer
Open new tab anhor tag
Html
35 votes161 views6 answers
InnerHTML
Html
0 vote141 views1 answer
As onclick delete this html tag
Html
13 votes145 views3 answers
How to redirect to another page when a login button is clicked
Html
0 vote153 views1 answer
Static html template
Html