我正在尝试使用“form-horizontal”在Bootstrap中将两个输入(如邮编和城市)并排对齐。我尝试使用“div.row”包装器与“spanX”类结合使用“input-block-level”。或者,我尝试省略“div.row”,直接给予输入“spanX”类。问题是,输入的宽度不同。也许这是一个错误,但在某个视口(需要“bootstrap-responsive.css”)下,它可以正常工作,但在大视口下有时会出现水平滚动条。Bootstrap的响应样式表不应该自适应大小吗?将整个代码包装在“div.container”中会使情况变得更糟。也许您甚至可以向我展示一些完全不同的解决方案?我为您准备了一个jsFiddle和一些屏幕截图。您可以在标题中找到窗口大小和视口大小(用方括号括起来)。单击图像以获取全尺寸。
.input-block-level
是为了实现100%宽度而设计的。我希望input
具有该宽度。很遗憾,你的回答并没有帮助到我 :( - Jan