html - Twitter Bootstrap - 的两列布局

Question

在 Bootstrap 2.3 中，是否有一种标准化的方法来使 HTML 具有两列布局 <form>有标签/输入/ Action ？我在文档中没有看到任何内容。

我想要的示例图像:http://i.imgur.com/3o6IoN4.png

顺便说一句，我需要有一个跨越 div.span12 整个宽度的纯色背景色。或其他封闭容器。有两个.span6导致中心的背景颜色中断(我想这可以通过将两个 .span6 包装在一个 div.clearfix 并应用背景类来解决？

Answer 1

简单的东西。将 Bootstrap 行放入父 div 中，并将该 div 的背景设置为您选择的颜色。

标记:

<div id="background-color">
<form id="form1" name="form1" method="post" action=""><!-- START THE FORM -->
<div class="row-fluid">

<div class="span6"> <!-- FIRST COLUMN -->
<label>First Name</label>
  <label for="textfield"></label>
  <input type="text" />
  <label>Last Name</label>
  <label for="textfield"></label>
  <input type="text"  />
</div>

<div class="span6"> <!-- SECOND COLUMN -->
<label>Other</label>
  <label for="textfield"></label>
  <input type="text" />
  <label>Fields</label>
  <label for="textfield"></label>
  <input type="text"  />

  <input type="submit" name="button" id="button" value="Submit" />
</form> <!-- END THE FORM -->
</div>
</form>

</div> <!-- End row -->

</div> <!-- END BACKGROUND -->

CSS:

#background-color {background-color: #CCC;}

希望对你有帮助