我有一个页面,其中仅存在表单,并且我希望将表单放置在屏幕的中央。
<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来将内容在视口中水平和垂直居中?我有一个现有站点,该站点的页面带有更改颜色和/或背景图像的部分。