/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

2 votes221 views2 answers
Html table filter by all columns
Html
11 votes279 views3 answers
Popup modal form bootstrap
Html
0 vote211 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html
0 vote212 views2 answers
Ionic ngfor show limited number of items
Html
0 vote196 views1 answer
Html img src background
Html
0 vote206 views1 answer
Overlay text input html
Html
52 votes291 views6 answers
Turn off autocomplete input html
Html
14 votes210 views5 answers
Html5 audio
Html
-1 vote211 views1 answer
Html5 iframe youtube loop
Html
0 vote283 views1 answer
Html ingnor display none input
Html