/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 votes203 views2 answers
Html select option disabled selected
Html
0 vote140 views1 answer
Html how to change button text
Html
0 vote145 views2 answers
Border dashed spacing
Html
0 vote143 views1 answer
Font awesome icon copy clipboard
Html
0 vote161 views1 answer
Svm e1071 cutoff
Html
0 vote128 views1 answer
Need help not working (https://unpkg.com/react@17/umd/react.development.js)
Html
0 vote144 views1 answer
How to stop marquee text when you move your mouse over it
Html
0 vote157 views1 answer
Tamanho fonts H1, H2, H3...
Html
0 vote132 views2 answers
Which text is used to create text animations in html
Html
0 vote87 views1 answer
Align navbar items center
Html