/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 vote105 views1 answer
Link to add matrial iocns to html
Html
5 votes119 views3 answers
Html favicon.ico
Html
0 vote101 views1 answer
Slack type html message
Html
0 vote124 views1 answer
Html add input on button click
Html
0 vote108 views1 answer
What is the naming scheme for provider plugins?
Html
16 votes114 views5 answers
Bgcolor html
Html
0 vote101 views1 answer
Vuetify datatable header checkbox select all
Html
16 votes115 views6 answers
Card in bootstrap
Html
0 vote136 views1 answer
How to set logo on site tab
Html
3 votes115 views1 answer
Svg xmlns
Html