→ Anonymous
→ Responsive Bento Grid Layout

Responsive Bento Grid Layout

Bento grid layout using Bootstrap 5 and custom CSS

This bootstrap css example is contributed by Anonymous, on 01-Oct-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Grid

Author Anonymous

2.3k

v.5.3

Fork Fullscreen

<div class="container my-5">
    <h1 class="text-center mb-4">Bento Grid Layout</h1>
    <div class="bento-grid">
        <div class="bento-item bento-item-1">
            <h3>Featured Item</h3>
            <p>This is a larger grid item spanning two columns and rows.</p>
        </div>
        <div class="bento-item bento-item-2">
            <h3>Item 2</h3>
            <p>Regular grid item</p>
        </div>
        <div class="bento-item bento-item-3">
            <h3>Item 3</h3>
            <p>Regular grid item</p>
        </div>
        <div class="bento-item bento-item-4">
            <h3>Wide Item</h3>
            <p>This item spans two columns</p>
        </div>
        <div class="bento-item bento-item-5">
            <h3>Item 5</h3>
            <p>Regular grid item</p>
        </div>
        <div class="bento-item bento-item-6">
            <h3>Item 6</h3>
            <p>Regular grid item</p>
        </div>
        <div class="bento-item bento-item-7">
            <h3>Another Wide Item</h3>
            <p>This item also spans two columns</p>
        </div>
        <div class="bento-item bento-item-8">
            <h3>Item 8</h3>
            <p>Regular grid item</p>
        </div>
    </div>
</div>

More Examples

Responsive Card Grid
A responsive grid of cards with hover effects

Author:
Prajwal Hallale

2 years ago

8.4k

v.5.3
Blog Post Grid
Responsive blog post grid

Author:
Kemaya m

2 years ago

3k

v.5.3
Bootstrap Image Gallery

Author:
Anonymous

2 years ago

7.4k

v.3.4
Bento Grid with Bootstrap 5

Author:
Juan Martinez

2 years ago

8.2k

v.5.3
4 Column
Bootstrap 5 Grid System

Author:
ARAFAT

5 months ago

395

v.4.6
Bento Grid Layout with Images

Author:
Juan Martinez

2 years ago

5.6k

v.5.3
Bento grid bootstrap

Author:
Anonymous

1 year ago

2.5k

v.5.3
Card grid
card grid for blog articles etc. it also has author's details

Author:
Anonymous

2 years ago

3.9k

v.4.6
Products Grid
E-commerce product grid

Author:
Juan Martinez

2 years ago

7.2k

v.5.3
Responsive Products Grid

Author:
Ross Wille

2 years ago

4.5k

v.5.3
Bento Grid with Bootstrap 5

Author:
C B

2 years ago

2.2k

v.5.3
Footer
Footer de Bootstrap con enlaces rápidos, contacto y redes sociales, usando íconos para mejor navegación. Diseño limpio y responsivo. 🚀

Author:
Anonymous

1 year ago

7.4k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent