Bootstrap 5 container

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px
);

Source: getbootstrap.com

Bootstrap 5 container

// Source mixin
@mixin make-container($padding-x: $container-padding-x) {
  width: 100%;
  padding-right: $padding-x;
  padding-left: $padding-x;
  margin-right: auto;
  margin-left: auto;
}

// Usage
.custom-container {
  @include make-container();
}

Source: getbootstrap.com

Similar codes

26 votes248 views10 answers
Bootstrap
Javascript Bootstrap
3 votes193 views1 answer
Bootstrap 3 offset
CSS Bootstrap
1 vote206 views1 answer
Bootstrap card hover effect
CSS Bootstrap
33 votes196 views6 answers
Angular add bootstrap
Javascript Bootstrap
0 vote234 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
125 votes200 views6 answers
Install React Bootstrap
Javascript Bootstrap
35 votes216 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
0 vote192 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
1 vote186 views1 answer
Bootstrap disable button after click
Javascript Bootstrap
2 votes222 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap