使用Bootstrap的布局未正确对齐

时间:2022-02-10 作者:Divjot Singh

我遇到了一个奇怪的布局对齐问题。我一直在使用Bootstrap 4设置节的布局。请看下面的屏幕截图-

enter image description here这是here.它正在按预期工作。现在,检查一下here -

enter image description here

完全相同的插件在另一个WordPress安装上中断。这种类型的问题通常是由于封闭包装上的样式设置导致的,但找不到任何内容。过去几天来,我一直在对这个问题大发雷霆,但无法指出问题所在。

任何帮助都将不胜感激!

1 个回复
最合适的回答,由SO网友:Nabeel Khan 整理而成

问题是由于箱子尺寸

引导程序需要box-sizing 未来border-box 但在第二个链接中,情况并非如此。

快速修复方法是将此自定义css添加到项目中:

.row * {
    box-sizing: border-box;
}

相关推荐

WordPress/Elementor下对CSS的不稳定处理

我经营一个小网站(www.binnenstadduurzaam.nl) 使用Elementor Pro和OceanWP,并进行平行测试现场测试。binnenstadduurzaam。nl,它与www站点相同,但我测试新功能或特性时除外。我的网站有一个固定的标题,所以当我跳转到菜单锚时,我需要一个垂直偏移。在测试站点上,我通过添加offst 作为所有锚点的类,以及以下CSS:.offst { margin-top: -150px; padding-bottom: 150px;