Horje
center vertically and horizontally bootstrap 4 Code Example
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>



Html

Related
how to set a default value for a dropdownlist in html with thymeleaf spring Code Example how to set a default value for a dropdownlist in html with thymeleaf spring Code Example
how to switch between html pages Code Example how to switch between html pages Code Example
how to link your js file to html Code Example how to link your js file to html Code Example
jquery $ is not defined Code Example jquery $ is not defined Code Example
how to change the preview image of a website Code Example how to change the preview image of a website Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 9



 

Horje