Bootstrap（HTML），显示Div底部的列表框

Question

我有一个使用bootstrap的网页。在该页面中，我有以下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”（输入帮助的bootstrap类）