Html 引导列有问题

我在引导程序的列中遇到问题

问题在于

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>

我不想使用

溢出-x:hidden

有问题

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

---

你会给左边空白，它会给右边。你需要在左div中给左边空白来控制这个结构。

你能提供一把小提琴吗？我用左边空白来隐藏col-xs-4，不让用户看到。首先，marginLeft为零，当它被隐藏时，marginLeft等于col-xs-4的负宽度。那它为什么要把填充搞砸呢？实际问题通过

.col-xs-8{padding:0px；}

解决了，但你的回答让我朝着正确的方向思考。谢谢