【问题标题】:Bootstrap 3 inline row within horizontal formBootstrap 3 水平表格内的内联行
【发布时间】:2014-11-22 23:10:13
【问题描述】:

真的需要一些帮助大师。尝试了其他答案并进行了很多尝试。我有一个水平表单,我想要一个内联行,其中有两个复选框,第二个复选框带有标签,然后是输入框。

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>

非常感谢

【问题讨论】:

    标签: forms twitter-bootstrap inline


    【解决方案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>
    

    【讨论】:

    • 感谢您的关注,但它似乎对我没有用。试着玩了一下,但效果不佳。
    猜你喜欢
    • 2013-08-28
    • 1970-01-01
    • 2012-08-25
    • 2012-08-21
    • 1970-01-01
    • 1970-01-01
    • 2014-01-24
    • 2012-09-10
    • 1970-01-01
    相关资源
    最近更新 更多