2013-06-19 17 views
0

我必須創建一個包含大量標籤和表單的文本區域,廣播等形式的表格。但是當我應用bootzstrap水平表格方法時,它會在標籤之間給出一行差異和文本區域,這裏是我的代碼在水平表格佈局中發生換行的差異

<!DOCTYPE HTML> 
<html> 
    <head> 
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
    </head> 
    <body> 

    <script type="text/javascript" 
    src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"> 
    </script> 
    <script type="text/javascript" 
    src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> 
    </script> 
    <form class="form-horizontal"> 
    <div class="control-group"> 
    Promo description * 
    <div class="controls"> 
     <textarea rows="3"></textarea> 
    </div> 
    </div> 
    </form> 
    </body> 
<html> 

這裏的一個程差的屏幕截圖如何使標籤和textarea的完全水平?任何指引 enter image description here

回答

0

定義在CSS margin-top: -10px;或類似的東西? 猜猜會把它放在你的文本旁邊。

0

您應該按照Forms中描述的格式。

<form class="form-horizontal"> 
    <div class="control-group"> 
    <label class="control-label">Promo description *</label> 
    <div class="controls"> 
     <textarea rows="3"></textarea> 
    </div> 
    </div> 
</form>