Twitter bootstrap 在引导中创建行范围

我想使用此图像创建boostrap标记定义：

要使第1行、第2行和第3行共享同一个div/列，我必须做什么

如果我要做表格设计，那么我会使用行间距

更新

较大窗口的错误调整大小行为（请参见按钮）

使用更小的窗口更好地调整大小（请参见按钮）

这就是代码：

XXXXXXXXXX名称
XXXXXXXXXXXX从
XXXXXXXXXX至
浅蓝色豌豆酱

蓝瓜

红苹果

黄色香蕉

黑糊状物

粉红色百慕大群岛

一周的第一天
星期一
星期二
下一个

更新

IE 10上Jack的小提琴也有不好的大小调整行为，从跳入左侧文本框的复选框可以判断： 试试这个

引导网格系统（实际上大多数CSS网格系统）不是表。如果您需要这样做，您可能希望使用表，或者“伪造”列，例如使用背景图像。在任何情况下，如果你提供更多关于你希望你的布局看起来像什么的信息，更重要的是你希望它在不同的内容大小下表现如何，那么就有可能得到更详细的建议。目前为止，结果似乎还可以。但我不喜欢的是调整大小的行为。当我向右调整大小，并且右侧最后一行的“下一步”按钮有更多的可用空间时（请参见新图像），右按钮尤其在屏幕右侧边缘下潜。当我向左调整大小并且空间较小时，右侧的“下一步”按钮将正确放置在屏幕右边缘之前。这对我来说毫无意义……总而言之，我必须说为什么不浮动4个div（4列）和第5个div（最下面的一行），而完全忽略引导行的概念？然后在4个div中的每个div中，我可以做我想做的事情，并在每个div 3控件（以前是3行）中使用换行符，我的压力更小？对于这样一个简单的公式，我看不到bootstrap的好处。奇怪的是，似乎最后一列在小屏幕上跳到了下一行。我在一个小屏幕上测试，它不会跳到下一行。您是否包含响应css？这是一个12列的网格，你可以混合所有跨度，只要它们总共是12。是的，包括responsive.css。杰克用你在IE 10上的小提琴截图查看了我在帖子中的更新。这不是很好吗？如果输入框太大，则为其指定跨距，以便它们响应。