/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 vote378 views1 answer
Reduce the width of google recaptcha
Html
0 vote334 views1 answer
How to add h1 tag in evey line of textarea in css
Html
0 vote325 views1 answer
How to add extra line in html
Html
0 vote317 views1 answer
Thymeleaf import in html
Html
0 vote295 views1 answer
Html translate
Html
0 vote347 views1 answer
Multiple styles on one line
Html
3 votes324 views1 answer
Html input change default error message
Html
0 vote344 views1 answer
How to protect + embed google drive video html5
Html
3 votes313 views3 answers
How to add animated text in html
Html
0 vote328 views1 answer
Set default selected option in select form laravel
Html