2016-12-16 5 views
0

を持つことが可能です。このように同じ形式の異なるフォーム入力フィールドを持ってすることが可能です:ブートストラップ3 - それが混在入力フィールド(デフォルト+水平に)

enter image description here

一部がデフォルトになるように、 (入力フィールドの上のラベル)と他の部分は水平(入力フィールドの左側のラベル)です

+0

確かに..あなたは、あなたがそれをしたいとにかくそれを使用することができます。.. –

答えて

1

あなたはこれを見て:)やりたいことができます!

<form> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> 
    <div class="form-group"> 
     <label for="item1">Item 1:</label> 
     <input class="form-control" id="item1" type="item1" placeholder="Enter text"> 
    </div> 
    <div class="form-group"> 
     <label for="item2">Item 2:</label> 
     <input class="form-control" id="item2" type="item2" placeholder="Enter text"> 
    </div> 
    <div style="padding-left: 50px; padding-right: 50px;"> 
     <div class="form-group" style="display: flex;"> 
     <label style="width: 80px; padding-top: 7px;" for="gross">Gross:</label> 
     <input class="form-control" id="item1" type="gross" placeholder="Enter text"> 
     </div> 
     <div class="form-group" style="display: flex;"> 
     <label style="width: 80px; padding-top: 7px;" for="netto">Netto:</label> 
     <input class="form-control" id="item2" type="netto" placeholder="Enter text"> 
     </div> 
     <button class="btn btn-primary" style="margin-left: 73px; margin-top: 20px;" type="submit">Submit</button> 
    </div> 
    </div> 
</form> 

http://www.bootply.com/mPFpU6jyYe

関連する問題