html – Twitter Bootstrap – 两列布局
发布时间:2020-12-14 18:45:55 所属栏目:资源 来源:网络整理
导读:在Bootstrap 2.3中,是否有一种标准化的方法可以为 HTML form提供双列布局.标签/输入/动作?我在文档中没有看到任何内容. 我想要的示例图像:http://i.imgur.com/3o6IoN4.png 另外,我需要有一个坚实的背景颜色,跨越div.span12或其他封闭容器的整个宽度.有两个
在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;} 我希望这有帮助 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 导致:IOError:[Errno 28]设备上没有剩余空间:磁盘上有很
- html – 用CSS做这个吗?
- 是否有推荐的HTML / CSS / JavaScript编码风格指南?
- html – Bootstrap:CSS – list-group-item的高度
- Web服务 – 如何在WSDL中将SOAP标头标记为可选的?
- html – Bootstrap导航条列表是堆叠而不是旁边
- html – CSS – 为什么我无法设置元素的高度和宽度?
- domain-name-system – DNS名称服务器转发?
- html – 在wordpress中嵌入R传单地图
- html – 将标签对齐到DIV中的中心位置和左侧位置