Bootstrap Container Example

The div which is having us is wrote like <div class="container" style="background-color: aqua;"></div>

Bootstrap comes with three different containers:

.container, which sets a max-width at each responsive breakpoint
.container-fluid, which is width: 100% at all breakpoints
.container-{breakpoint}, which is width: 100% until the specified breakpoint

Click the below buttons to add the -fluid or the -{breakpoints}

Bootstrap Breakpoint

col-1

col-2

col-3

col-4

col-6

col-12

col-4

col-md-4

col-xl-4

For auto responsiveness, we can just use row and col alone

col

First div with class col order-3

Second div with class col order-1

Third div with class col order-2