Twitter bootstrap:嵌套字段集？
Twitter bootstrap:嵌套字段集？
提问于 2012-07-25 23:04:58
我需要以一种我可以使用twitter bootstrap的方式来完成这样的事情。
<fieldset>
<legend>Main Section</legend>
<div class="left-column">
some stuff here
</div>
<div class="right->column">
<fieldset>
<legend>A form inside</legend>
form here
</fieldset>
</div>
</fieldset>由于某些原因，Bootstrap设置字段集的样式不同于通常没有边框的字段集。如果我添加一个边框和一些填充，我就不能再正确地使用网格了。对我来说，结果总是搞砸了。我需要的字段集看起来像样机中的边界，一些填充和边界内的标签(这很容易；)。
那么，通过使用bootstrap并遵循其原则来完成此任务的最佳方法是什么？
编辑:更好，但出于某些原因，我不喜欢这个解决方案……
<fieldset class="row fieldset">
<legend>Main Section</legend>
<div class="span6">
some stuff here
</div>
<div class="span6">
<fieldset class="fieldset">
<legend>A form inside</legend>
form here
</fieldset>
</div>
</fieldset>
.fieldset {
border: 1px solid #ccc;
padding: 10px;
}
.fieldset .span6 {
width: 560px;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2012-07-25 23:44:53
<div class='container'>
<fieldset class="fieldset">
<legend>Main Section</legend>
<div class="row-fluid">
<div class="span6">
some stuff here
</div>
<div class="span6">
<fieldset class="fieldset">
<legend>A form inside</legend>
form here
</fieldset>
</div>
</fieldset>
</div>
.fieldset {
border: 1px solid #ccc;
padding: 10px;
}http://jsfiddle.net/baptme/ppxGG/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11652778
复制相关文章
相似问题
腾讯云开发者
