2012-08-08 86 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