Question

真的需要一些帮助大师。尝试了其他答案和很多游戏。我有一个水平形式，我想要一个内联行，它有两个复选框，第二个带有标签，然后是一个输入框。

col 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>

非常感谢

Answer 1

尝试使用此：）

<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>

水平形式的Bootstrap 3内联行

1 个答案: