ฉันมีหน้าเว็บที่มีแบบฟอร์มเท่านั้นและฉันต้องการให้แบบฟอร์มอยู่ตรงกลางของหน้าจอ
<div class="container">
<div class="row justify-content-center align-items-center">
<form>
<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>
การjustify-content-center
จัดแนวแบบฟอร์มในแนวนอน แต่ฉันไม่สามารถหาวิธีจัดแนวตั้งได้ ฉันได้พยายามที่จะใช้align-items-center
และalign-self-center
แต่มันไม่ทำงาน
ฉันพลาดอะไรไป
<section>
แท็กหรือหนึ่งควรจะติดกับ<div>
s สำหรับการจัดกึ่งกลางเนื้อหาในแนวนอนและแนวตั้งในวิวพอร์ต? ฉันมีเว็บไซต์ที่มีหน้าซึ่งมีส่วนต่าง ๆ ที่เปลี่ยนสีและ / หรือภาพพื้นหลัง