twitter-bootstrap - 水平フォーム - コントロール ラベルの幅を設定する最良の方法は?

Question

私はtwitterのブートストラップが初めてで、横型で作業しています。私のコードは次のようなものです：

<form class="form-horizontal">
    <div class="control-group">
        <label class="control-label" for="whatever">Whatever</label>
        <div class="controls">
            <select id="whatever" name="whatever">
                <option value="blah">Blah</option>
            </select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="another">Another</label>
        <div class="controls">
            <select id="something" name="something">
                <option value="MyEntry">MyEntry</option>
            </select>
        </div>
    </div>
    <button type="submit" class="btn">Search</button>
</form>

これを行うと、フォームはうまく見えます。唯一の問題は、コントロール ラベルの長さが長すぎるため、ラベルの左側に多くの空白ができることです。ラベルを短くして、余白があまり入らないようにする方法はありますか?

ありがとう。

Answer 1

コンテナを作成するために使用してみてください：

<div class="set_inline_block_class_selector">
 <label>
    <input type="radio" name="example_radio">Bootstrap radio button with controlled label
 </label>
</div>

<style>
 .set_inline_block_class_selector label{
     display: inline-block;
  }
</style>