Question

我正在使用bootstrap 3.0并添加100％容器我使用.container-fluid这样

.container-fluid{
width:100%; 
}

我的HTML代码就像这样

<div class="container-fluid">
    <div class="row">
    <div class=" col-xs-12 ">
        <p  class="text-center" >
            Responsible for UI/ UX  Design Developement
        </p>
    </div>   
    </div>
</div>

现在，当我使用容器时，它工作正常，但添加容器流体添加水平滚动。我用它来删除水平屏幕

body { overflow-x: hidden !important; }

此样式适用于桌面但不适用于移动设备如何解决此问题请帮助

Answer 1

我不确定我是否理解这个问题。为什么需要将容器流体设置为100％？我认为它的宽度默认为100％。如果您希望其内容填写100％，请删除其填充。

Answer 2

在没有看到示例的情况下我无法保证任何事情，但我遇到了类似的情况，我相信我最终将此用于我的.container-fluid类：

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

Bootstrap 3.0：容器 - 流体添加水平滚动

2 个答案: