使引导容器只有左边距

Question

有没有办法让引导容器仅在一侧（左侧）有边距？我希望右侧拉伸到屏幕末尾...请帮忙...

Answer 1

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

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);
  }
}