html – Twitter Bootstrap – 两列布局

在Bootstrap 2.3中,是否有一种标准化的方法可以为 HTML< form>提供双列布局.标签/输入/动作?我在文档中没有看到任何内容.

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

另外,我需要有一个坚实的背景颜色,跨越div.span12或其他封闭容器的整个宽度.有两个.span6导致中心的背景颜色中断(我想可以通过将两个.span6包装在div.clearfix并应用了背景类来修复它?

解决方法

简单的东西.将引导行放在父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;}

我希望这有帮助

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在&#39;&#39;,则表示换行,用&#39;&#39;切割。
代码实现 option = { backgroundColor: &amp;#39;#080b30&amp;#39;, tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...