У мене є сторінка, де існує лише форма, і я хочу розмістити форму в центрі екрана.
<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 для центрування вмісту по горизонталі та вертикалі у вікні перегляду? У мене є існуючий сайт, на якому є сторінки з розділами, які змінюють колір та / або фонові зображення.