Bootstrap CSS Classes

« All Bootstrap CSS classes

Bootstrap CSS class .col-6

    <div class="container">
        <div class="row">
            <div class="col-6 bg-primary p-3">
                col-6
            </div>
            <div class="col-6 bg-warning p-3">
                col-6
            </div>
        </div>
    </div>

Preview

Check .col-6 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.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More Bootstrap CSS classes in Grid category

.container-fluid
.container
.col-# (<576px)
.col-sm-# (≥576px)
.col-lg-# (≥992px)
.row
.col-md-# (≥768px)
.col-xl-# (≥1200px)
.col
.offset-*-#
.order-#
.no-gutters
.nested columns
.col-*
.col-1
.col-2
.col-3
.col-4
.col-5
.col-6
.col-7
.col-8
.col-9
.col-10
.col-11
.col-12
.col-auto
.col-lg-1
.col-md-1
.col-sm-1
.col-xl-1
.col-xxl-1
.container-sm
.contanier-md
.contanier-lg
.contanier-xl
.contanier-xxl
.g-0
.g-lg-0
.g-md-0
.g-sm-0
.g-xl-0
.g-xxl-0
.gap-0
.gap-lg-0
.gap-md-0
.gap-sm-0
.gap-xl-0
.gap-xxl-0
.gx-0
.gx-lg-0
.gx-md-0
.gx-sm-0
.gx-xl-0
.gx-xxl-0
.gx-0
.gx-lg-0
.gx-md-0
.gx-sm-0
.gx-xl-0
.gy-xxl-0
.offset-0
.offset-lg-0
.offset-md-0
.offset-xxl-0
.row-cols-1
.row-cols-auto
.row-cols-lg-1
.row-cols-lg-auto
.row-cols-md-1
.row-cols-md-auto
.row-cols-sm-1
.row-cols-sm-auto
.row-cols-xl-1
.row-cols-xl-auto
.row-cols-xxl-1
.row-cols-xxl-auto
Shuffle Editor

An online editor for busy developers.

Shuffle Editor on Facebook Shuffle Editor on Twitter Shuffle Editor on Dribbble

Products

UI Components

Support

Company

© 2024 Shuffle. All rights reserved.