引导排容器

的这是一个临时的应用程序在寻找：https://hidden-tundra-8656.herokuapp.com/request 引导排容器

的正下方导航栏，有一个包含开始租赁&高端租赁输入字段一行。这些输入字段应该在整个页面中居中。现在他们离右边太远了，因为在查看一个检查元素时，该行以某种方式开始更靠右，但没有任何边距或填充干扰（请参见下面屏幕截图左侧的空白处）。立即包装行的容器很好。谢谢！

EDIT

WITHOUT WIDTH：100％

来源

2016-04-02 james

你有超过1k代表，你肯定知道你会因为不分享代码而被低估？ –

老实说不知道......感谢您的启发，今后会这样做！ – james

在含DIV改变类容器类容器的流体。

你会希望你的html的结构是这样的。

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-xs-12"> 
    </div> 
    </div 
</div>

最外面的DIV可以有一类容器或容器流体。容器将在页面的左侧和右侧留有边距，容器流体不会。接下来，您将指定您想要一行（默认情况下，引导程序中的行宽为12列，假设您没有更改此行）。然后最后一个div应该指定你想要div占用多少列。

来源

2016-04-02 21:48:18 user2263572

这工作，虽然承认我仍然不知道为什么...我已经阅读文档，并知道区别，但在我的情况下，我不明白为什么我需要一个容器流体，而不是容器...如果你有时间，你能详细解释一下吗？ – james

当您将该类设置为div上的“容器”时，将为该div添加一个页边距：15px和margin-right：15px。这可以通过检查html元素在浏览器开发人员控制台中看到。另一方面，容器流体类不会向div添加margin-right和margin-left css，因此它将拉伸浏览器窗口的整个宽度。让我知道是否澄清事情。 – user2263572

所以我知道这一点，但我想我感到困惑的是，为什么在我的屏幕截图中的检查元素中，突出显示的行完全是蓝色并向右移动;我的意思是说，我没有看到橙色边缘，所以就把我扔掉了，因为我不知道该怎么调整。也很奇怪，因为在我的其余页面中，我不需要'容器流体'（我的理解是只有当内容需要触及边缘时）才能使用相似的内容（即不触及边缘）并且它可以工作罚款.... – james

回答

相关问题