Question

我想始终将最后一列拉到右侧。我有1个4-column组，1个7 -column组和一列。

我的内容仅在特定情况下可见。如果col-md-7中的内容在那里，则最后一个被罚款。如果不存在，它将转到中间。

我正在使用AngularJS和bootstrap 3。

HTML代码：

<div class="row mr10 ml10">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <button class="btn btn-default btn-sm"
                        ng-click="getData(data, LCtrl.Protection);"
                        ng-disabled="LCtrl.loading">
                        Run Query
                    </button>
                    <button class="btn btn-danger btn-sm" ng-if='LCtrl.loading'
                        ng-click="LCtrl.DataStop('Stoped By User')">
                        Stop Query
                    </button>
                </div>
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7"
                    permission="[lCtrl.roles.disabled]">
                    <div class="pull-right mr10">
                        <span class="mb10"><b>Protection</b></span>
                        <label class="switch" style="margin-top: 6px; margin-bottom: -6px;">
                            <input type="checkbox"
                                ng-model="LCtrl.Protection"
                                ng-change="changeProtection()">
                            <span class="slider round"></span>
                        </label>
                    </div>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                    <a href="//l-l/l.html?l={{lCtrl.licenseStr}}"
                        class="linkAtHeader pull-right"
                        style="position: fixed;"
                        target="_blank">
                        <i class="fa fa-question-circle" aria-hidden="true"></i>
                        Help
                    </a>
                </div>

Answer 1

将此代码用于col-md-1 style={float:right;}

即使缺少Bootstrap网格列，也可以向右拉

1 个答案: