/Html/Center vertically and horizontally bootstrap 4

Center vertically and horizontally bootstrap 4

<div class="container h-100">
  <div class="row h-100 justify-content-center align-items-center">
    <form class="col-12">
      <div class="form-group">
        <label for="formGroupExampleInput">Example label</label>
        <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
      </div>
      <div class="form-group">
        <label for="formGroupExampleInput2">Another label</label>
        <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
      </div>
    </form>   
  </div>
</div>

Source: stackoverflow.com

Bootstrap center div vertically and horizontally

 <div class="container h-100">
  <div class="d-flex justify-content-md-center align-items-center vh-100">
   <p>Your Content</p>
  </div>     
 </div>

Source: stackoverflow.com

Center vertically and horizontally bootstrap 4

<div class="container h-100">
  <div class="row h-100 justify-content-center align-items-center">
    <form class="col-12">
      <div class="form-group">
        <label for="formGroupExampleInput">Example label</label>
        <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
      </div>
      <div class="form-group">
        <label for="formGroupExampleInput2">Another label</label>
        <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
      </div>
    </form>   
  </div>
</div>

Similar codes

3 votes160 views4 answers
Paragraph in html
Html
1 vote151 views1 answer
Connect html to mysql database
Html
25 votes159 views4 answers
Select dropdown default value
Html
2 votes142 views1 answer
Woocommerce order status
Html
0 vote143 views1 answer
Https://stackoverflow.com/questions/47961310/how-to-stack-multiple-images-in-bootstrap-4-carousel?rq=1
Html
0 vote153 views2 answers
How to call a script from another script in javascript
Html
30 votes160 views1 answer
Fork me github ribbon code html css
Html
0 vote162 views1 answer
Git compare files with different names
Html
9 votes140 views2 answers
Display date on html
Html
10 votes146 views1 answer
Google logo link
Html