CSSでブートストラップの水平フォームラベルを小さくするにはどうすればいいですか？

Question

ブートストラップには多くのexamples for types of formsがあります。私は

Picture 2.png http://img594.imageshack.us/img594/4681/picture2yn.png

：私は、これはそれがウェブインスペクターツールバーにいくつかの要素を概説した後、次のようになります。この

Picture.png http://img35.imageshack.us/img35/244/picturebm.png

のように見える「水平型」を使用してに興味がありますポップアップモーダルの内部で作業していて、スペースはもう少しタイトです。私はブートストラップのグリッドシステムの.span1と.span2をラベルとしてクラスに追加しようとしましたが、目的の動作を与えていません。

ブートストラップの他の側面を使用して、目的の動作を得る方法がありますか（つまり、横形のラベルが占めるスペースの量を増やす）か？これを行う適切な方法は何ですか？私は私がデフォルトだったデフォルト140pxとstyle="margin-left:auto"たstyle="width:auto"を追加しました。..ブートストラップがit..below用に定義された何かを持っている場合、私は知りません、ブートストラップバージョン2.1

Answer 1

を使用することが回避策です

<div class="control-group"> 
<label class="control-label" style="width:auto" for="inputEmail">Email</label> 
<div class="controls" style="margin-left:auto"> 
<input type="text" class="input-small" id="inputEmail" placeholder="Email"> 
</div> 
</div> 

よ160px。それがうまくいくようにもclass="input-small"それはモーダルに収まるように