将 Bootstrap 容器居中

问题描述 投票:0回答:3

到目前为止,使用 Bootstrap 构建网页时,

navbar
看起来很棒!在处理内容时,我在标题中添加了所有 CDN 链接,并在正文中添加了
.container
类。

但是 div 似乎浮动到左侧。我尝试将容器设置为:

margin: 0 auto;
width: 100%;
display: block;
class{text-align: center}

还有许多其他......

如何解决这个问题?

css twitter-bootstrap containers center
3个回答
0
投票
<!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>

0
投票

您可以将 Flexbox 添加到引导容器中。如果您将使用预先编写的引导类,则无需为引导程序编写任何额外的 CSS。如下;

<div class="container d-flex justify-content-center">...</div>

-2
投票
<div align="center">
  Your body...
</div>
© www.soinside.com 2019 - 2024. All rights reserved.