2012-08-08 27 views
1

我正在使用twitter bootstrap,並且我有一個表單。我需要第一行像「colspan = 2」。
我希望我很清楚..我該怎麼做?如何使twitter boostrap「colspan = 2」

這裏是我的代碼:

<form class="form-horizontal"> 
    <fieldset> 
     I Need this row to be like "colspan=2" in table td 
     <div class="control-group"> 
      <label class="control-label" for="my_input">field name</label> 
      <div class="controls"> 
       <input type="text" class="input-xlarge" id="my_input" name="my_input"/> 
      </div> 
     </div> 
     <div class="control-group"> 
      <label class="control-label" for="my_input">field name</label> 
      <div class="controls"> 
       <input type="text" class="input-xlarge" id="my_input" name="my_input"/> 
      </div> 
     </div> 
    </fieldset> 
</form> 

這裏的jsfiddle:http://jsfiddle.net/3j7QP/7/

回答

1

就像那個:http://jsfiddle.net/3j7QP/16/

<form class="form-horizontal"> 
    <fieldset> 
     <div style="float: left; width: 100px; height: 80px; background: red;"> 
      xxx 
     </div> 

     <div class="control-group" style="float:left;"> 
      <label class="control-label" for="my_input">field name</label> 
      <div class="controls"> 
       <input type="text" class="input-xlarge" id="my_input" name="my_input"/> 
      </div> 
     </div> 
     <div class="control-group" style="float:left;"> 
      <label class="control-label" for="my_input">field name</label> 
      <div class="controls"> 
       <input type="text" class="input-xlarge" id="my_input" name="my_input"/> 
      </div> 
     </div> 
    </fieldset> 
</form> 
+0

差不多!你展示瞭如何做rowspan = 2而不是colspan = 2 :) – Naor 2012-08-08 15:39:32

+0

對不起,我以爲那是你的錯字。 :)如果沒有,我沒有看到任何問題:http://jsfiddle.net/3j7QP/35/或者我還沒有理解你? – 2012-08-08 16:01:13

+0

我希望對齊將位於左側,位於左側標籤的上方。不是中心或完全左.. – Naor 2012-08-08 16:08:18

相關問題