到目前为止,使用 Bootstrap 构建网页时,
navbar
看起来很棒!在处理内容时,我在标题中添加了所有 CDN 链接,并在正文中添加了 .container
类。
但是 div 似乎浮动到左侧。我尝试将容器设置为:
margin: 0 auto;
width: 100%;
display: block;
class{text-align: center}
还有许多其他......
如何解决这个问题?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Center Div in Bootstrap</title>
<link rel="stylesheet" href="linkToCSS" />
</head>
<body>
<div class="container-fluid">
<div>
<div class="row">
<div class="part " style="float: none; margin: auto;">
//your content goes here
</div>
</div>
</div>
</div>
</body>
</html>
您可以将 Flexbox 添加到引导容器中。如果您将使用预先编写的引导类,则无需为引导程序编写任何额外的 CSS。如下;
<div class="container d-flex justify-content-center">...</div>
<div align="center">
Your body...
</div>