2013-06-02 19 views
5

私の水平なフォームでは、編集コントロールは含まれていませんが、スタティックテキスト(例:編集不可能なID)の行があります。私がそこに置くとき、それはラベルと整列していません。正しく整列させるために使用できる要素/クラスはありますか?水平フォームプレーンテキスト垂直アライメント

<div class="form-horizontal"> 

    <div class="control-group"> 
     <label class="control-label">ID:</label> 
     <div class="controls"> 
      <span class="help-inline">777</span> 
     </div> 
    </div> 

</div> 
+1

ブートストラップ3.0使用時.form-control-static http://stackoverflow.com/questions/9887430/how-to-line-up-labels-and-read-only-fields-in-a-bootstrap-形 –

答えて

0

あなたのCSSがどのように見えるのかわかりませんが、これは定義するのが難しいです。

しかしバニラブートストラップCSSで、そのように、あなたのスパンについてpadding-topを設定してみてください:

.help-inline { 
    padding-top: 5px; 
} 

Fiddle here

関連する問題