Question

我有一个非常嵌套的布局，我遗憾地设计它没有容器流体。现在我有不好的溢出。它应该是一个通过cordova的移动应用程序，所以overflow-x不是我的选择。如果我添加容器流体，溢出就会消失，但现在每个元素都有填充到x边界。有一些元素嵌套像col-4 col-6 col-2，应该是100％，但现在左右有填充。

如果没有从0开始，我有一个提示如何解决这些问题吗？示例：

<div class="container-fluid fl">
<div class="row content-begin">
            <div class="col-xs-10 col-xs-offset-1">
                <div class="row">
                    <div class="col-xs-12">
                        <br>
                        <h1>Title</h1>
                        <br>

                        <p>Lorem dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo Lorem dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam. </p>
                            <p><a>remove container-fluid</a>
                    </div>
                </div>

            </div><!-- content -->
        </div>
    </div>

http://jsfiddle.net/r4w2zLre/

Answer 1

在提供的JSFiddle示例中，您建议删除container-fluid。通过这样做，您的行不再包装在容器中。但这是Bootstrap所要求的。您必须包含container或container-fluid。

See Bootstrap's grid documentation：

行必须放在.container（固定宽度）或.container-fluid（全宽）内，以便正确对齐和填充。

Bootstrap 3：删除溢出而不添加填充

1 个答案: