html - Bootstrap 行未与容器左侧对齐

Question

这是一个要查看的暂存应用程序:https://hidden-tundra-8656.herokuapp.com/request

在导航栏的正下方，有一行包含“开始租赁”和“结束租赁”输入字段。这些输入字段应该在整个页面居中。现在它们太靠右了，因为在查看检查元素时，该行以某种方式开始更靠右，但没有任何边距或填充干扰(请参见下面屏幕截图中左侧的空白区域)。立即包裹行的容器很好。谢谢!

编辑

没有宽度:100%

Answer 1

在包含的 div 中，将类容器更改为类容器流体。

您会希望您的 html 具有类似这样的结构。

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

最外面的 DIV 可以有一个类容器或容器流体。 Container 将在页面的左侧和右侧有边距，container-fluid 不会。接下来您将指定您想要一行(默认情况下， Bootstrap 中的行是 12 列宽，假设您没有更改它)。然后最后一个 div 应该指定您希望该 div 占用多少列。