2014-11-22 48 views
0

真的需要一些幫助大師。已經嘗試了其他的答案和很多玩耍。我有一個水平的形式,與此我想要一個內聯行有兩個複選框第二個與標籤,然後輸入框。Bootstrap 3行內橫排

山坳labe1 CHB1 chb2 chb2_lable輸入框

我目前所面對的是接近,但我沒有對第二個複選框的標籤,但是我嘗試它弄亂佈局。請幫幫忙!``

目前我有

<div class="row"> 
    <div class="col-md-6" > 
     <form class="form-horizontal" role="form" > 
      <div class="form-group"> 
       <label for="price" class="col-sm-4 control-label">Order</label> 
       <div class="col-xs-6"> 
        <div class="form-inline"> 
         <div class="form-group"> 
          <input type="checkbox" class="checkbox-inline" name="tip" id="tip" ng-model="isLimit" ng-change="isLimitChanged()" title="Only buy if price is on or below limit, or sell if price is on or above limit"> 
         </div> 
         <div class="form-group" > 
          <div class="col-sm-4 form-inline"> 
           <input type="checkbox" class="checkbox-inline" name="deduct" > 
          </div> 
         </div> 
         <div class="form-group" > 
          <input type="text" class="form-control" id="price" 
         </div> 
        </div> 
       </div> 
      </div> 
</form> 
</div> 
</div> 

非常感謝

回答

0

嘗試使用這個:)

<div class="row"> 
<div class="col-md-6" > 
<form class="form-horizontal" role="form" > 
    <div class="form-group"> 
    <label for="price" class="col-sm-4 control-label">Order</label> 
    <div class="col-xs-6"> 
     <div class="form-inline"> 
     <div class="form-group"> 
      <label class="checkbox"> 
      <input type="checkbox"> Check me out 
      </label> 
     </div> 
     <div class="form-group" > 
      <div class="col-sm-4 form-inline"> 
       <label class="checkbox"> 
       <input type="checkbox"> Check me out 
       </label> 
      </div> 
      <div class="form-group" > 
       <input type="text" class="form-control" id="price" 
      </div> 
     </div> 
     </div> 
    </div> 
</form> 
    </div> 
    </div> 
+0

感謝您尋找,但它似乎並沒有做到這一點的我。嘗試玩一下,但沒有好處。 – user1459528 2014-12-01 08:14:07