html - 引导列的问题

Question

我在使用 bootstrap 的列时遇到问题。

问题是 col-xs-8 填充超出了父行的宽度并创建了一个水平滚动条。但是，如果我删除填充，则 col-xs-8 会被删除的填充量拉到右边。例如，当填充为 15px 并且我将其删除时，col-xs-8 向右移动了相同的量。

我的 HTML

<div ng-cloak>
    <div class="row">
        <div ng-style="{'margin-left':marginLeft}" class="col-xs-4">
            <div class="row">
                <div class="col-xs-4">
                    <ul class="nav nav-tabs">
                        <!--tabs-->
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-xs-8">
            <div id="canvasContainer">
                <canvas></canvas>
            </div>
        </div>
    </div>
</div>

我不想使用overflow-x:hidden。

Answer 1

有问题

 <div ng-style="{'margin-left':marginLeft}" class="col-xs-4">

你给 margin-left 多少，它就会向右..你需要在左边的 div 中给 padding-left 来控制这个结构。