html - Bootstrap 排列表单元素

标签 html css twitter-bootstrap bootstrap-4

我创建了一个 Bootply 来显示我遇到的问题:http://www.bootply.com/8fPmr31Wd7

向下滚动查看“People”和“Places”,发现它们沿两侧缩进。

也许我没有使用正确的类,或者网格有一个错误,但是如果你在表单中使用网格命令,它会导致网格中的元素在每个元素上都只是头发脱落边,并且没有与表格的其余部分正确对齐。

我知道 Bootstrap 4 正在测试中,但我不知道这是错误还是我遗漏了什么,所以我想问一下。谢谢。

最佳答案

您的网格行不包含所有其他表单行的任何列,并且您正在为 People 和 Places 表单元素组使用列。

如果您根据 Best practice for single column within row in bootstrap v3 grid system? 的最佳答案在其他行中添加 12 个单位宽的列,您的网格内的水平间距将保持一致。

关于html - Bootstrap 排列表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39515831/

相关文章:

javascript - 使用 Javascript 不显示 Css 导航

html - Bootstrap col-md-6 垂直居中对齐

css - 换行时在 DIV 中缩进文本的最佳方法是什么?

html - 像在 HTML Canvas 或 CSS 中一样为 SVG <image> 定义源矩形

javascript - 如何设置我的网站以适应更大和更小的屏幕尺寸?

WordPress 上的 CSS

javascript - 如何使用 jQuery 在两个类之间切换?

html - 悬停时转换 SVG 渐变色标

css - 带有背景图像和文本的可点击区域

javascript - 加载多个 YouTube 视频 iFrame API