Bootstrap 5 Sidebar  &  Hide Navbar on Scroll

Bootstrap v5.0.0-alpha.

Reduce the screensize and click toggle icon to view the Modal Sidebar.

bootstrap-version-5-alpha-launched

Hide NavBar on Scroll.

Hide Navbar on scroll-down, show Navbar on scroll-up.

bootstrap-5-icons-alpha2's

Bootstrap's own Icon Library.

View Modal Sidebar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

bootstrap-5-icons-alpha2's
User Options
Profile Inbox 3 Invoices Settings Sign Out
Notifications
View All

Statistics

Simple

+ 30%

Earnings

+78%

Users

960

Sales

359

Projects

+ 45%

Earnings

+98%

Users

450

Sales

63

Projects

61

Projects

50

Sales

15

Clients

61

Projects

50

Sales

15

Clients

Charts

+ 30%

Earnings

+ 150%

New Users

160

Projects

1590

Downloads

+ 36%

Sales

72

Clients

Projects

12

Sales

+98

Users

+480

Tickets

96

Projects

36

Sales

+110

Users

+123

Tickets

45

Projects

Sales

Users

Tickets

Easy Pie Charts

Account Status

2/5

Clients

18/30

Projects

23GB

Space

Profile Completion

90%

Info

2

Friends

1/3

Badges

250GB / 1TB

3 / 4 Completed

50% Completed

50% Completed

Almost Done!

70% Completed