twitter-bootstrap - 使 Bootstrap 容器只有左边距

Question

有没有办法让 bootstrap 容器只有一侧(左侧)有边距？我想让右侧拉伸(stretch)到屏幕末尾...请帮忙...

Answer 1

根据您的查询，我了解到您需要将容器的左边框保持原样，但将容器的右边框拉伸(stretch)到浏览器窗口的右边缘。我在下面发布了一个 fiddle 。请检查它是否适合您。

https://jsfiddle.net/rhythm19/27x014oc/

基本上，这就是您需要添加的内容才能获得右边缘的容器。

@media (min-width:768px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 375px);
  }
}

@media (min-width:992px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 485px);
  }
}

@media (min-width:1200px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 585px);
  }
}