在 Bootstrap 2 中可以使用这种形式对齐吗？

Question

我有一个使用 Bootstrap 2 的旧应用程序，新功能的线框要求我在标签下方放置一个复选框，但要放在多行文本框的旁边。

这张图说明了情况：

我的所有字段都使用以下结构：

<div class="row-fluid extended-row">
   <div class="span6">
       <div class="control-group">
           <label class="control-label" for="<%=txtMyField.ClientID %>">
                                    My Field</label>
           <div class="controls">
               <asp:TextBox class="input-large" ID="txtMyField" runat="server" ReadOnly="True" />
           </div>
   </div>
.
.
.
.
</div>

所以我不知道如何放置下面的复选框，因为我认为在 bootstrap 上使用表单布局不允许您将控件放在标签的下方和旁边。这可能使用 bootstrap 2?

Answer 1

我不记得 bootstrap2 的 classes，但我相信它们应该与 bootstrap3 的相似。尝试使用 col-md-offset class 或 pull-right.

offsetting columns in bootstrap3

Answer 2

好的，我找到了一种方法。我仍然无法将标签对齐到顶部，但结果已经足够好了

<div class="control-group">
    <div class="control-label">
        <label class="control-label" for="<%= txtCommentary.ClientID %>">Commentary</label><br />
        <input id="chkRepeatfailure" type="checkbox" runat="server" />
    </div>
    <div class="controls">
       <asp:TextBox TextMode="MultiLine" Rows="4" class="input-xlarge" ID="txtCommentary" runat="server"
                            placeholder="" />                                  
    </div>
</div>

在 Bootstrap 2 中可以使用这种形式对齐吗？

Is this form alignment possible in Bootstrap 2?

html

css

twitter-bootstrap

twitter-bootstrap-2