Home Bootstrap Reference .row

.row

class

Creates a horizontal group of columns using flexbox. Must be placed inside a .container.

Syntax

<div class="row">

Example

html

<div class="container">
    <div class="row">
        <div class="col-md-8">Main content</div>
        <div class="col-md-4">Sidebar</div>
    </div>
    <div class="row g-3">
        <div class="col">Equal col 1</div>
        <div class="col">Equal col 2</div>
        <div class="col">Equal col 3</div>
    </div>
</div>

.container

.col-*