gpt4 book ai didi

html - col-10 和 col-2 行在 bootstrap 3 的右侧生成奇怪的间距

转载 作者:行者123 更新时间:2023-11-28 11:25:49 24 4
gpt4 key购买 nike

我有这个非常简单的代码:

<body>
<div class="myclass">
<div class="row">
<div class="col-md-10">Blah</div>
<div class="col-md-2">
<div>Hello </div>
</div>
</div>
</div>
</body>

我加载了 firefox,我看到该行在右侧占用了一些额外的空间。这会导致底部出现水平滚动条,因为浏览器认为站点宽度很宽。这是一张照片:

spacing issue

行不应该占用 col-12 就好了吗? col-10 + col-2 加起来就是 col-12,为什么我会得到额外的空间?

最佳答案

.row 包装在 .container 中。

或将 padding: 0 15px; 添加到您的 myclass

.myclass{
padding: 0 15px;
}

Grids and full-width layouts - Folks looking to create fully fluid layouts (meaning your site stretches the entire width of the viewport) must wrap their grid content in a containing element with padding: 0 15px; to offset the margin: 0 -15px; used on .rows.

关于html - col-10 和 col-2 行在 bootstrap 3 的右侧生成奇怪的间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21357400/

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