is now part of Shuffle™. The new editor includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
Switch to Shuffle →

Bootstrap class: .container-fluid

<div class="container-fluid">
  <!-- A fluid container that uses the full witdh -->


Check .container-fluid in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Tips 💡

Sass source

/* _grid.scss:18 */
.container-fluid {
  @include make-container();

/* _navbar.scss:148 */
> .container-fluid {
  padding-right: 0;
  padding-left: 0;

      @include media-breakpoint-up($next) {
flex-flow: row nowrap;
justify-content: flex-start;

.navbar-nav {
  flex-direction: row;

  .dropdown-menu {
    position: absolute;

Uses variables

Code copied to the clipboard.

Copying failed

/* _grid.scss:18 */

/* _navbar.scss:148 */

More in Bootstrap Grid