→ Moana silva
→ Collapsible Nested list

Collapsible Nested list

Tree structure design for nested list

This bootstrap css example is contributed by Moana silva, on 20-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: List

Author Moana silva

4.4k

v.5.3

Fork Fullscreen

<div class="container mt-5">
    <h1 class="mb-4">Bootstrap Tree</h1>
    <ul class="tree">
        <li>
            <span class="toggle"><i class="bi bi-chevron-right"></i></span>
            Root
            <ul>
                <li>
                    <span class="toggle"><i class="bi bi-chevron-right"></i></span>
                    Branch 1
                    <ul>
                        <li>Leaf 1.1</li>
                        <li>Leaf 1.2</li>
                    </ul>
                </li>
                <li>
                    <span class="toggle"><i class="bi bi-chevron-right"></i></span>
                    Branch 2
                    <ul>
                        <li>Leaf 2.1</li>
                        <li>
                            <span class="toggle"><i class="bi bi-chevron-right"></i></span>
                            Branch 2.2
                            <ul>
                                <li>Leaf 2.2.1</li>
                                <li>Leaf 2.2.2</li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>Leaf 3</li>
            </ul>
        </li>
    </ul>
</div>

More Examples

Blog Post Grid
Responsive blog post grid

Author:
Kemaya m

1 year ago

2.4k

v.5.3
Social media buttons
Beautiful and simple social media buttons

Author:
Maria Garcia

1 year ago

4.3k

v.5.3
Elegant Profile Card
showcasing user or team member profiles in a professional and visually appealing manner. The profile card includes an avatar, name, position, and a short bio, along with social media icons for easy connectivity

Author:
Prajwal Hallale

1 year ago

8.3k

v.5.3
Bootstrap Tab Example
Bootstrap Tab Example Basic Part 1

Author:
StarCode Kh

1 year ago

2.2k

v.5.3
Animated Skills Progress Chart

Author:
Reza Farhadi

1 year ago

4.2k

v.5.3
Gallery carousel

Author:
java stories story

6 months ago

1.2k

v.5.3
Customer testimonials
modern and clean customer review section

Author:
Anonymous

1 year ago

3.2k

v.5.3
Feature showcase
Feature showcase with icos

Author:
Anonymous

1 year ago

1.6k

v.4.6
Bootstrap Product Card

Author:
Anonymous

1 year ago

4.3k

v.5.3
Responsive Tag Chips

Author:
Kemaya m

1 year ago

2.2k

v.5.3
Bootstrap tabs
tab navigation

Author:
Anonymous

8 months ago

1.2k

v.5.3
Search with Select using Bootstrap 5
Category filter with search bar

Author:
Omar Khaled

1 year ago

5.4k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent