Bootstrap(HTML) , 在 Div 底部显示列表框

Question

我有一个使用引导程序的网页。在该页面中，我有以下 HTML：

 <div class="row ">
            <div class="col-sm-2 col-sm-offset-1 ">
                <asp:Label ID="Label15" runat="server" CssClass="control-label  " Font-Bold="true" AssociatedControlID="ddlCOS"
                    Text="Not Combinable with:"></asp:Label>
            </div>
            <div class="col-sm-8" 
                <asp:ListBox ID="DropDownList1" runat="server" CssClass="form-control "  SelectionMode="Multiple" ></asp:ListBox>
                           </div>
        </div>


        <div class="row" 
            <div class="col-sm-2 col-sm-offset-1 RWCL"></div>
            <div class="col-sm-8">
                *Hold down Ctrl Key to select multiple choices.
            </div>
        </div>

我要做的是显示消息*按住Ctrl键选择多个选项。正好在列表框下方。它位于列表框下方，但它们之间有一些空间。见图片：

我尽我所能摆脱那个空间，但问题是列表框在 div 上垂直对齐

我尝试了 Vertical-align bottom 、 Margin bottom 0 和 padding bottom 0 但这些都不起作用。

Answer 1

您可以将文本移动到列表框：

 <div class="row ">
    <div class="col-sm-2 col-sm-offset-1 ">
        <asp:Label ID = "Label15" runat="server" CssClass="control-label  " Font-Bold="true" AssociatedControlID="ddlCOS"
            Text="Not Combinable with:"></asp:Label>
    </div>
    <div class="col-sm-8">
        <asp:ListBox ID = "DropDownList1" runat="server" CssClass="form-control "  SelectionMode="Multiple" ></asp:ListBox>
        <p class="help-block">*Hold down Ctrl Key to select multiple choices.</p>
                    </div>
</div>

编辑：添加 class="help-block"（用于输入帮助的引导类）