/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 vote159 views1 answer
Axonivy sub component
Html
0 vote159 views1 answer
How to set limit of words in input type text
Html
0 vote179 views1 answer
Strictmode causes double render
Html
127 votes160 views6 answers
Html href new tab
Html
8 votes160 views2 answers
How to add title icon in html
Html
0 vote248 views1 answer
Remove preceding text or numbers Google Sheets
Html
0 vote152 views1 answer
Aria list
Html
12 votes180 views3 answers
How to make images load as you scroll down
Html
0 vote195 views1 answer
How to use figure and caption in html
Html
7 votes164 views2 answers
Snap install telegram
Html