ブートストラップ（HTML）、私はブートストラップを使用してWebページを持っている本部

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キーを押しながら*メッセージを示すことです。正確にリストボックスの下に。それはリストボックスの下にありますが、それらの間にはスペースがあります。画像を参照してください。

私はそのスペースを取り除くために知っていたが、問題は、リストボックスで、すべては私が垂直-ALIGN下、マージン底0とパディング下の0を試みたが、divの

に垂直トップ揃えましたこれらの作品はありません。

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> 

編集：追加されたクラス=「ヘルプ・ブロック」（入力のためのブートストラップクラスが役立ちます）