gpt4 book ai didi

html - 尽管有容器流体类,Bootstrap 3 不需要的填充

转载 作者:行者123 更新时间:2023-11-28 15:55:13 26 4
gpt4 key购买 nike

我的 Bootstrap 有问题。它总是在我的网站左右添加填充。我使用“container-fluid”看这个例子:

...</head>
<body>
<div class="container-fluid">
<div class="top">
PAGE CONTENT WITH MORE DIVS
</div>
</div>

或者类似的东西

...</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="top">
PAGE CONTENT WITH MORE DIVS
</div>
</div>
</div>

或者像这样

...</head>
<body>
<div class="container-fluid">
<div class="row col-xs-12 col-md-12">
<div class="top">
PAGE CONTENT WITH MORE DIVS
</div>
</div>
</div>

...</head>
<body>
<div class="container-fluid">
<div class="row col-xs-12 col-md-12">
<div class="row">
<div class="top">
PAGE CONTENT WITH MORE DIVS
</div>
</div>
</div>
</div>

填充总是出现,没有机会。

我有什么错?我不想像这里一样用其他 CSS 覆盖:

Remove padding from columns in Bootstrap 3

最佳答案

你需要遵循一个结构:

<body>
<div class="container-fluid">
<div class="row">
<div class=" col-xs-12 col-md-12">
<div class="anyclass">
PAGE CONTENT WITH MORE DIVS
</div>
</div>
</div>
</div>
</body>

同时定义body和html样式

html, body {
width: 100%;
margin: 0;
}

为避免间隙,您可以使用默认为负边距的 BS 类 row:

row {
margin-right: -15px;
margin-left: -15px;`
}

关于html - 尽管有容器流体类,Bootstrap 3 不需要的填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41264565/

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