Ask anything about Bootstrap.

Get instant answers with code examples.

Search Questions

Search Tags

Latest Questions

How do row-cols utilities work and when should I use them?

Asked on Tuesday, Jun 10, 2025

Bootstrap's row-cols utilities allow you to easily control the number of columns in a row across different screen sizes. They are useful for creating responsive grid layouts without specifying explici…

What’s the simplest way to build a masonry-like card layout in Bootstrap 5?

Asked on Tuesday, Jun 10, 2025

To create a masonry-like card layout in Bootstrap 5, you can use the `card` component along with the `row-cols` utility classes to achieve a responsive grid layout. Card title 1 Some quick example tex…

How do I offset a column only at md and larger?

Asked on Monday, Jun 09, 2025

To offset a column only at the `md` breakpoint and larger in Bootstrap 5, you can use the `offset-md-*` class. Here's a simple example demonstrating how to offset a column by 2 units starting from the…

How can I reorder columns at different breakpoints with order-* utilities?

Asked on Monday, Jun 09, 2025

In Bootstrap 5, you can use the `order-*` utilities to change the order of columns at different breakpoints. This allows you to create responsive layouts where the order of columns changes based on th…

How do I remove horizontal gutters but keep vertical spacing between columns?

Asked on Sunday, Jun 08, 2025

To remove horizontal gutters while keeping vertical spacing between columns in Bootstrap 5, you can use the `g-0` class to eliminate gutters and then add a custom class to maintain vertical spacing. C…

What’s the difference between g-* gutters and spacing utilities in the grid?

Asked on Sunday, Jun 08, 2025

In Bootstrap 5, "g-*" classes are used for grid gutters, which control the spacing between columns, while spacing utilities like "m-*" and "p-*" are used for margin and padding adjustments on any elem…

How do I create equal-height columns in a Bootstrap row?

Asked on Saturday, Jun 07, 2025

To create equal-height columns in a Bootstrap row, you can use the `d-flex` class on the row and the `flex-fill` class on the columns. This ensures that all columns have the same height. Column 1 Colu…