引导列的问题

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

同样多的你会给予边距 - 它会向右移动..你需要在左边div中给出左边的填充来控制这个结构。