Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 具有完全右键的引导容器_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 具有完全右键的引导容器

Html 具有完全右键的引导容器,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我怎样才能制作一个在左边有右边距的全宽容器 在左边,您可以看到.container中的边距,我不希望右边有边距,并且此内容必须具有全宽(左边有边距)我看到了您的问题,这是引导问题。请先获得一个新的分区或div,然后再更改类别 这是Bootstrap4的解决方案,您可以使用.container fluid left表示内容扩展到左侧,而.container fluid right表示内容扩展到右侧 @mixin make-container-fluid-left-right($gutter: $

我怎样才能制作一个在左边有右边距的全宽容器


在左边,您可以看到.container中的边距,我不希望右边有边距,并且此内容必须具有全宽(左边有边距)

我看到了您的问题,这是引导
问题。请先获得一个新的分区或div,然后再更改类别

这是Bootstrap4的解决方案,您可以使用.container fluid left表示内容扩展到左侧,而.container fluid right表示内容扩展到右侧

@mixin make-container-fluid-left-right($gutter: $grid-gutter-width) {
  padding-right: $gutter / 2;
  padding-left: $gutter / 2;
}
@mixin make-container-fluid-left($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
  @each $breakpoint, $container-max-width in $max-widths {
    @include media-breakpoint-up($breakpoint, $breakpoints) {
      margin-right: calc((100% - #{$container-max-width}) / 2);
      width: calc(100% - ((100% - #{$container-max-width}) / 2));
    }
  }
}
@mixin make-container-fluid-right($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
  @each $breakpoint, $container-max-width in $max-widths {
    @include media-breakpoint-up($breakpoint, $breakpoints) {
      margin-left: calc((100% - #{$container-max-width}) / 2);
      width: calc(100% - ((100% - #{$container-max-width}) / 2));
    }
  }
}
.container-fluid-left {
  @include make-container-fluid-left-right();
  @include make-container-fluid-left();
}
.container-fluid-right {
  @include make-container-fluid-left-right();
  @include make-container-fluid-right();
}

不要使用
.container
而是使用
.container fluid
通过以下步骤:伙计们,使用container fluid,边距将被删除。。。我需要左边的。用容器液体,边缘被去掉了。。。我需要左边的那一个我的html没有什么特别的。。。我在使用引导程序:一个容器(或容器流体),里面有一行…你不理解我。。。我需要一个div,它的开始(右)与.container相同,但结束于窗口的末尾(而不是.container的末尾)