css – Bootstrap：有没有办法让布局更紧凑？
作者：互联网
2026-03-23
HTML教程
只是好奇是否有办法通过bootstrap获得更紧密的布局.
为什么文本元素之间有这么大的空间？
是否只是为了容纳垫,电话等？
有没有办法为整个页面选择更严格的样式来默认？
我也认为编辑框本身太大了.文本和框边缘之间浪费的空间太多.
为什么他们不紧张？
尝试在NetworkNerd的回答中使用代码后添加了这些编辑
我在样式表中添加了以下内容.
input[type=text]{ padding-top:0px; padding-bottom:0px; margin-bottom:0px; /* Reduced from whatever it currently is */ margin-top:0px; /* Reduced from whatever it currently is */ height:24px; } 这些添加使我的表单如下所示：
你可以看到事情变得更紧,但这只是因为身高：24px风格.
其他变化似乎对外观没有任何影响.
顺便说一句,包含此更改的样式表是最后一个包含的.
标签不对齐
此外,请注意,现在我已经更改了标签未与其关联的文本输入对齐.
文本框之间的余量仍然太多
文本框之间似乎仍有太多的边距空间.
标题的HTML代码段
这是HTML的一个片段,它显示了应用Bootstrap样式的HTML.这些都只是从bootstrap网站上的样本中复制而来.