Columns

Responsive Columns

Drag&drop Bootstrap 5 grid system.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit.

Two Thirds
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue. Dui sapien eget mi proin. Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet commodo.

One Fourth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fourth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fourth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fourth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

Three Fourths
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Dignissim cras tincidunt lobortis feugiat vivamus at augue. Dui sapien eget mi proin. Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet commodo. Amet porttitor eget dolor morbi.

One Fourth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fifth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fifth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fifth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fifth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fifth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

Responsive Columns

Vertical alignment

One Third
Duis at consectetur lorem donec massa.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa.

Responsive Columns

Horizontal alignment.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Fifth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fifth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

One Fifth
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci.

Responsive Columns

No gutters.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue.

Responsive Columns

Offsetting columns.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

One Third
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium.

Nested Rows

Free your creativity.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue. Dui sapien eget mi proin. Suspendisse faucibus interdum posuere lorem. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem. Nisl pretium fusce id velit ut tortor pretium. Dignissim cras tincidunt lobortis feugiat vivamus at augue. Dui sapien eget mi proin. Suspendisse faucibus interdum posuere lorem. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem.

One Half
Duis at consectetur lorem donec massa. Quis vel eros donec ac odio tempor orci. Suspendisse faucibus interdum posuere lorem.