css - 隣接するドロップダウンに対してラベルを垂直方向に中央揃えにする方法は?

Question

1 行に 2 つの div があります。最初のものにはラベルが含まれていますが、中央になく、隣のドロップダウンと比べて場違いに見えます:

<div id="deal_modal_body" class="modal-body">
   <div class="cb_inline_block">
      <div class="cb_inline_block"> Test: </div>
      <div class="cb_inline_block">
         <div class="input-append">
            <select id="id_">
               <option selected="selected" value="">---------</option>
            </select>
            <button id="add_button" class="btn" type="button"><icon class="icon-white">Go</icon></button>
         </div>
      </div>
   </div>
</div>

私はそれを簡単にするためにここにフィドルを持っています:

http://jsfiddle.net/houmie/6EQJw/1/

Answer 1

私は、値をハードコーディングして中央/中央に押し込むのが好きではありません。より良い方法は、Twitter Bootstrap独自の組み込みソリューションを使用することです。

おそらくこれはフォームの中に入りますよね？そのフォームに のクラスを与えるだけですform-inline。終わり。

デモ: http://jsfiddle.net/6EQJw/5/

参考：http ://twitter.github.com/bootstrap/base-css.html#forms