想在bootstrap里分两列,用
<div class="row"> <div class="col-xs-6"><label >Assignment Due Date</label></div> <div class="col-xs-6"><label >Course</label></div> </div>
在用textarea时,由于row为3行,导致左边select下空出两行
经过如下代码
<div class="row"> <div class="col-xs-6"> <select name="Module"> <option value="#">PHP</option> <option value="#">JAVA</option> <option value="#">MATH</option> </select> <p><label >Documents Upload</label></p>这里把label和input都放到和select同 <input type="file" id="exampleInputFile">一个div里再和textarea的div并列 </div> <div class="col-xs-6"> <textarea class="form-control" rows="3"> </textarea> </div>
<div class="col-xs-6"> <select name="Module"> <option value="#">PHP</option> <option value="#">JAVA</option> <option value="#">MATH</option> </select> <p><label >Documents Upload</label></p>这里把label和input都放到和select同 <input type="file" id="exampleInputFile">一个div里再和textarea的div并列 </div> <div class="col-xs-6"> <textarea class="form-control" rows="3"> </textarea> </div>
-
顶
-
踩
-
猜你在找