2

我需要以一种我可以使用 twitter 引导程序的方式完成这样的事情。

<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 对字段集的样式设置与平时不同,没有边框。如果我添加边框和一些填充,我将无法再正常使用网格。结果对我来说总是搞砸了。我需要字段集看起来像带有边框的模型,一些填充和边框内的标签(这很容易;))。

那么通过使用引导程序并遵循其原则来完成这项工作的最佳方法是什么?

例子

编辑:更好,但由于某种原因我不喜欢这个解决方案......

        <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;
}
4

1 回答 1

3
<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/

于 2012-07-25T15:44:52.993 回答