/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

0 vote189 views2 answers
Javascript onblur
Html
0 vote180 views1 answer
How to set limit of words in input type text
Html
0 vote183 views1 answer
Ifreame on page with random video
Html
1 vote169 views1 answer
Using new line(\n) in string and rendering the same in HTML
Html
29 votes174 views6 answers
Html center text
Html
0 vote178 views1 answer
Input number html without e
Html
0 vote202 views1 answer
How to use npm packages in html
Html
0 vote173 views1 answer
How to change mouse into hand icon when you hover over something in html
Html
1 vote176 views1 answer
Change font size of input text html
Html
1 vote189 views1 answer
#ubuntu "demarrer vcs en super user"
Html