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的末尾)