Sidebar menu

Simple and fast multi-level sidebar menu.

Installation

npm install --save sidebar-menu-compostrap

Version 1x built on Bootstrap 4
Version 2x built on Bootstrap 5

Built on

• Bootstrap
• Font Awesome 6
• Perfect scrollbar
• Nanobar

Demo

• Dark
• Dark gradient
• White
• White gradient

Introduction

Simple and fast multi-level sidebar menu on Bootstrap. So you should be aware of how Bootstrap itself is used. The advantage is also knowledge of sass, npm, grunt.

The sidebar menu is built on the sidebar skeleton. I recommend you look at it.

Important classes in the menu

See the menu in the template.

Description	Class
Marks the active item	link-current
Icon animation	bell
Marks the drop-down menu icon	link-arrow
Marks the hidden drop-down menu	list-hidden

Sidebar colors

Colors are the same as bootstrap. Add more colors in colors.scss

Color	Sidebar	List	List icons	Scrollbar
	sidebar-bg-white	list-bg-white	-	scrollbar-bg-white
	sidebar-bg-light	list-bg-light	-	scrollbar-bg-light
	sidebar-bg-dark	list-bg-dark	-	scrollbar-bg-dark
	sidebar-bg-blue	list-bg-blue	list-icon-blue	scrollbar-bg-blue
	sidebar-bg-purple	list-bg-purple	list-icon-purple	scrollbar-bg-purple
	sidebar-bg-pink	list-bg-pink	list-icon-pink	scrollbar-bg-pink
	sidebar-bg-red	list-bg-red	list-icon-red	scrollbar-bg-red
	sidebar-bg-orange	list-bg-orange	list-icon-orange	scrollbar-bg-orange
	sidebar-bg-green	list-bg-green	list-icon-green	scrollbar-bg-green