/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

1 vote118 views1 answer
Empecher l'ecriture dans un input
Html
0 vote129 views1 answer
Meta name="description"
Html
0 vote163 views1 answer
High load linux
Html
12 votes130 views3 answers
Bootstrap cards with image
Html
0 vote127 views1 answer
Html image fallback
Html
0 vote114 views1 answer
Https://api.github.com/search/issues?q=windows+label:bug+language:python+state:open&sort=created&order=asc
Html
0 vote128 views1 answer
Apache serve json
Html
2 votes127 views1 answer
Html video autoplay IPHONE
Html
0 vote134 views1 answer
Chrome empty page editable
Html
63 votes159 views1 answer
How to open link in a new tab
Html