0

我有一个 Bootstrap 布局,但我需要它来响应并且不知道如何水平地做到这一点。 这是一张图片

如何使用标准的 Bootstrap 布局制作该布局,同时让它具有响应性?我目前在一个流体行中有“标签”,在另一个流体行中有输入,但是当它“缩小”时,标签不再适合输入。

4

2 回答 2

2

您是否考虑过通过制作一个包含五个 .span 的单个 .row-fluid 以及每个跨度内另外两个 .row-fluid 来进行嵌套?这样只有一个顶级行,标签/字段应该保持在一起。

http://jsfiddle.net/hmartiro/D2RLR/1726/

于 2012-09-11T01:45:49.223 回答
0

你必须把它分成两行,让带有标签的左行类似于

跨度2,跨度2,跨度2,跨度4,跨度2

然后第二行将以相同的方式包含输入类型

跨度2,跨度2,跨度2,跨度4,跨度2

我知道它看起来很奇怪,但它会响应。您必须坚持标签将始终保留为标题并且无法插入其各自的输入类型的想法。但这就是您切换到响应式布局时的付出和收获。

于 2012-09-06T19:38:25.710 回答