Twitter bootstrap Bootstrap 3表单-带水平表单的内联字段

我看了很多例子，但似乎找不到正确的答案。我认为我的问题是由输入组

在水平表单中编写内联字段的正确方法是什么？e、 g

Name:    [name        ]
Address: [address     ]
Radio:   o one  o two  o three
Dates:   [from |a] to [to  |b]

文档似乎说在class=forminline中围绕内联字段，但在字段组的情况下，它似乎不起作用

单选按钮的格式有点混乱。但是日期字段总是换行

我可以想出几种方法让它工作。但我真的很想知道修复它的“正确”方法

见：

---

有人吗？

对于单选按钮，您可以将

修改为

对于其他元素，使用X列的变体

---

你不需要像那样包装无线电元素。移除div包装并将.radio行或.checkbox行应用于标签。这是正确的做法

报价类型
一个
两个

对于日期输入，因为您使用的是输入组，所以我将使用col wraps控制它们

<div class="form-group">
        <label class="control-label col-xs-3" for="fromdate">Available from</label>
        <div class="col-xs-9">
            <div class="row">
                <div class="col-xs-6">
                    <div class="input-group">
                        <input class="form-control datepicker" name="fromdate" type="text" value="2014-01-01">
                        <div class="input-group-addon"> X </div>
                    </div>                  
                </div>
                <div class="col-xs-6">
                    <div class="input-group">
                        <input class="form-control datepicker" name="todate" type="text" value="2014-01-01">
                        <div class="input-group-addon"> Y </div>
                    </div>                  
                </div>
            </div>
        </div>
    </div>

可从
X
Y

<div class="form-group">
        <label class="control-label col-xs-3" for="fromdate">Available from</label>
        <div class="col-xs-9">
            <div class="row">
                <div class="col-xs-6">
                    <div class="input-group">
                        <input class="form-control datepicker" name="fromdate" type="text" value="2014-01-01">
                        <div class="input-group-addon"> X </div>
                    </div>                  
                </div>
                <div class="col-xs-6">
                    <div class="input-group">
                        <input class="form-control datepicker" name="todate" type="text" value="2014-01-01">
                        <div class="input-group-addon"> Y </div>
                    </div>                  
                </div>
            </div>
        </div>
    </div>