html - bootstrap html等行间距

Question

我在 bootstrap 库中使用了以下代码，但是行间距不相等，谁能帮我让行间距相等？

https://jsfiddle.net/x82tx4hg/

<div class="col-md-11">
    <div class="form-group">
        <div class="col-xs-3">
            <label for="menu_dish_name">Name</label>
        </div>
        <div class="col-xs-9">
            <input id="menu_dish_name" name="menu_dish[name]" size="30%" type="text" value="Sinagara">
        </div>
    </div>
    <br>
    <br>
    <div class="form-group">
        <div class="col-xs-3">
            <label for="menu_dish_desc">Desc</label>
        </div>
        <div class="col-xs-9">
            <textarea cols="29%" id="menu_dish_desc" name="menu_dish[desc]"></textarea>
        </div>
    </div>
    <br>
    <br>
    <div class="form-group">
        <div class="col-xs-3">
            <label for="menu_dish_price">Price</label>
        </div>
        <div class="col-xs-9">
            <input id="menu_dish_price" name="menu_dish[price]" size="30%" type="text" value="2.0">
        </div>
    </div>
    <br>
    <br>
    <div class="form-group">
        <div class="col-xs-3">Associate Addon Groups</div>
        <div class="col-xs-9">
            <input name="menu_dish[addon_groups][]" type="hidden" value="">
            <select id="menu_dish_addon_groups" multiple="multiple" name="menu_dish[addon_groups][]" size="3" style="width: 32.5%">
                <option selected="selected" value="1">Sodas</option>
                <option value="2">Condisment</option>
            </select>
        </div>
    </div>
    <br>
    <br>
    <div class="form-group">
        <div class="col-xs-3">
            <label for="menu_dish_image">Image</label>
        </div>
        <div class="col-xs-9">
            <input id="menu_dish_image" name="menu_dish[image]" type="file">
        </div>
    </div>
</div>

Answer 1

我认为您需要更好地构建标记。大多数表单组 css 依赖于父选择器，如 .form-inline .form-group或 .nav-bar .form-group .

引用 bootstrap docs and examples也是。

如果操作正确，您应该不需要 <br>根本没有标签。

---

编辑

再次查看时，您忽略了 <div class="row">在你的 col 之间元素。看grid syntax以获得更多指导。