Question

我想创建一个如下所示的输入框组：

title1

name: (input text box)
link: (input text box)

remove this title

title2

name: (input text box)
link: (input text box)

remove this title

我的css是

  <div class="control-group">
    <label class="control-label"><h3>title1</h3></label>
    <label for="inputError" class="control-label">name</label>
    <div class="controls">
        <input class="field span6" type="text" id="newsLinkTxt_1" />
    </div>
    </br>
    <label for="inputError" class="control-label">link</label>
    <div class="controls">
        <input class="field span6" type="text" id="newsLink_1" />
    </div>
    </br>
    <button class="btn" id="removeButton" type="button">remove this</button>
 </div>

问题是控件标签类的边距为20，因此输入框的左边距为20。但是title1和按钮将对齐到左边，我应该使用哪个类用于按钮和控件组中的标题，或者我需要自定义css？谢谢

Answer 1

我会查看.form-group或.input-group部分

http://getbootstrap.com/css/#forms

http://getbootstrap.com/components/#input-groups

Answer 2

你不能使用.form-group类然后进一步修改任何其他调整

如何使用bootstrap创建输入组？

2 个答案: