引导容器居中
引导容器居中
提问于 2018-06-08 01:42:23
我的表单没有在我的页面居中。请看下面我的html文件和输出。如何使视图居中？
下面是我的html：
<div class="container">
<div class='row justify-content-center'>
<div class='col'>
<p></p>
<h1>Member Details: </h1>
<p>Name: JP</p>
<p>Surname: Roux</p>
<p>ID Nr: 7604195133089</p>
<p>Mobile Nr: 0741115552</p>
<p>Email: jp@test.com</p>
<p>D.O.B: 1976-04-19</p>
<p>Language: Afrikaans</p>
<p>Interests:
<ul>
<li>Tennis</li>
<li>Squash</li>
</ul>
</p>
<p>Created At: 2018-06-06 09:31:31</p>
<div class="page-header">
<a href="http://tomcrud.test:8080/members/14/edit" class="btn btn-info">Edit</a>
</div>
</div>
</div>
回答 1
Stack Overflow用户
发布于 2018-06-08 01:48:17
你可以把你的表单放在下面：
<div class="container">
<div class='row justify-content-center'>
<div class='col-6 border border-primary'>
<form action="/action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br> Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
</div>
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50747234
复制相关文章
相似问题
腾讯云开发者
