亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

bootstrap怎么樣不用div包裹,讓兩個輸入框在同一行顯示

bootstrap怎么樣不用div包裹,讓兩個輸入框在同一行顯示

慕仙森 2018-07-22 15:28:18
因為使用了bootstrapValidator校驗框架,兩個輸入框包裹在一個form-group里面,導致其中一個輸入框輸錯,另外一個輸入框樣式也會變,想實現,每一個輸入框用一個div包裹起來,然后讓兩個輸入框還能在同一行顯示代碼如下<div class="form-group">                    <label class="col-lg-2 control-label">建筑物總數</label>                     <div class="col-lg-4">                         <div class="input-group">                             <input type="text" class="form-control"  name="building" id="building">                             <div class="input-group-addon">棟</div>                         </div>                     </div>                     <label class="col-lg-2 control-label">用地面積</label>                     <div class="col-lg-4">                         <div class="input-group">                             <input type="text" class="form-control" name="landarea" id="landarea">                             <div class="input-group-addon">平方米</div>                         </div>                     </div>                                      </div>
查看完整描述

2 回答

?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

兩個輸入框分別放在兩個 form-group中包裹起來。 然后在兩個form-group最外層再包裹一層 form-inline即可。

<div class="form-inline">
    <div class="form-group">controls</div>
    <div class="form-group">controls</div>
</div>


查看完整回答
反對 回復 2018-07-29
?
慕村9548890

TA貢獻1884條經驗 獲得超4個贊

.row
  .col-1.form-group
  .col-1.form-group


查看完整回答
反對 回復 2018-07-29
  • 2 回答
  • 0 關注
  • 8116 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號