Bootstrap Tree View

A simple and elegant solution to displaying hierarchical tree structures (i.e. a Tree View) while leveraging the best that Twitter Bootstrap has to offer.

Default

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Collapsed

  • Parent 1
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Expanded

  • Parent 1
  • Child 1
  • Grandchild 1
  • Grandchild 2
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Primary Color Treeview

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Custom Icon

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Tags As Badges

  • Parent 14
  • Child 12
  • Child 20
  • Parent 20
  • Parent 30
  • Parent 40
  • Parent 50

No Border

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Colourful

  • Parent 14
  • Child 12
  • Child 20
  • Parent 20
  • Parent 30
  • Parent 40
  • Parent 50

Node Override

  • Parent 12
  • Child 13
  • Child 23
  • Parent 27
  • Parent 311
  • Parent 419
  • Parent 5available0

Disabled

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Data

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Searchable Tree

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Selectable Tree

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Expandible Tree

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Checkable Tree

  • Parent 1
  • Child 1
  • Child 2
  • Parent 2
  • Parent 3
  • Parent 4
  • Parent 5

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now