在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;}
我希望这有帮助