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.