0
我有一個很好的表格佈局,但我想使用引導行,列。使引導網格看起來像一張表
請原諒我使用圖像,但是爲了說明目的。
這是表的樣子:
這是一個與TR和TD標準的HTML表格;但是,當嘗試引導與第2行,該代碼使用:
<div class="row like-table" style="background-color:#f9f9f9;">
<div class="col-md-2">
<label for="txt_first_name">First Name</label>
</div>
<div class="col-md-2">
<input type="text" name="txt_first_name" id="txt_first_name" value="<?php echo $var_FirstName;?>">
</div>
<div class="col-md-2">
<label for="txt_last_name">Last Name</label>
</div>
<div class="col-md-2">
<input type="text" name="txt_last_name" id="txt_last_name" value="<?php echo $var_LastName;?>">
</div>
<div class="col-md-2">
<label for="gender">Gender</label>
</div>
<div class="col-md-2">
<select name="gender" id="gender">
<option value="" <?php if($var_Gender==''){ echo 'selected'; }?>>Please Select</option>
<option value="Male" <?php if($var_Gender=='Male'){ echo 'selected'; }?>>Male</option>
<option value="Female" <?php if($var_Gender=='Female'){ echo 'selected'; }?>>Female</option>
<option value="Other" <?php if($var_Gender=='Other'){ echo 'selected'; }?>>Other</option>
</select>
</div>
</div>
我沒有得到一個整潔的表,但這樣的:
好像COL-MD-1太窄,col-md-2要寬到第一列,標籤沒有正確對齊。誰能幫忙?
謝謝
非常感謝你,它的作品非常好! –