gpt4 book ai didi

css - 如何使用 Bootstrap 将 div 垂直和水平居中?

转载 作者:技术小花猫 更新时间:2023-10-29 11:46:13 26 4
gpt4 key购买 nike

<分区>

我的 CSS 有问题。我的索引页中有一个面板表单,我想将它垂直和水平移动到页面中间。但我不知道如何为此创建 CSS。

这是我的示例代码:

<div class="login_header"></div>

<div class="container" style="text-align: center;">
<div class="col-md-6 col-md-offset-3">
<div class="panel_form panel panel-default">
<div class="panel-content">
<h1>test</h1>
</div>
<div class="panel-footer">
<p>test</p>
</div>
</div>
</div>
</div>

<footer class="footer"></footer>

我有这样的 CSS:

.login_header { min-height: 50px; background-color: #f5f5f5; }

.panel_form {
/* I don't have an idea with this */
}

.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background-color: #f5f5f5;
}

我的 CSS 不够好,所以我需要你的帮助。就这些了.. :)

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com