Light Bootstrap Dashboard

Free Bootstrap 4 Admin Template
· 4.90/5 (260 Reviews)

MIT License

53,114 Downloads
145 Comments
Regular Support
Lifetime Updates
Release: 2 years ago
Update: 4 months ago
Icon html
Icon sass
Icon bootstrap

16 Handcrafted Components

4 Customized Plugins

4 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Light Bootstrap Dashboard Pro. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo?
  • Components · 16
  • Plugins · 4
  • Examples Pages · 4
  • -
  • -
  • -
What is in PRO Version?
  • Components · 120
  • Plugins · 15
  • Example Pages · 24
  • + Documentation
  • + SASS Files
  • + Sketch Files
Upgrade to PRO
Opt lbd pro thumbnail

We are here to help you!

145 Web Developers commented on this product

Report issue Video Tutorial

ali2
  • downloaded
27 days ago

Thanks for the great templates : ) I'm just wondering how can I make the hover's animation in the sidebar goes slowly when passing from an item to an other. I mean like the case in Material Dashboard template. Thanks again!!

moldovanst
  • owner

Hello @ali2, thank you for using our template, you have to set 'transition: all 150ms ease-in;' for all 'nav-link's from the sidebar. Best, Stefan
26 days ago

ali2
  • downloaded
25 days ago

Thanks @moldovasnst !!! But I'm a beginner and I don't know which file I need to change and the exact syntax ... I'm using the simple HTML template version with no Angular ....

moldovanst
  • owner

So please send to us your project to set this property for you!
25 days ago

ali2
  • downloaded
25 days ago

Thanks @moldovanst ^_^ Here it's!! http://www106.zippyshare.com/v/57Ux7rqf/file.html I want the rose rectangle to move slowly when I pass from an item to another in the sidebar.

moldovanst
  • owner

Hello, your CSS file is not loaded and I cannot see the sidebar to make the changes.
22 days ago

ali2
  • downloaded
23 days ago

Any help ^^?

gratschultz2013
  • downloaded
22 days ago

Hello, so I ran into a little issue tonight. I am noticing that on mobile devices, the navbar items display 2 times stacked on top of eachother. Is there any way to fix this so that there is only 1 instance of the navbar links on mobile devices?

moldovanst
  • owner

Hi @gratschultz2013 , please send to us a link to your project to check for the issue because everything looks fine. Best, Stefan
22 days ago

dwda 22 days ago

Hi, may i know where can i change the background color of the sidebar?

moldovanst
  • owner

Hello @dwda , thank you for using our product, this feature is available only for PRO version otherwise you should change it by your own. Best, Stefan
22 days ago

ali2
  • downloaded
22 days ago

Hey, @moldovanst!! Which CSS file. I just downloaded the project and tried it again and it worked fine and the material-dashboard.css is there.... Maybe you just need to refresh the page because the icons are referenced using a cdn .. and then all will work fine.

moldovanst
  • owner

You have to use one of the JavaScript framework product of us, like React, Angular or Vue. That transition property cannot be set if the JS is loaded every time the page is loaded. Best, Stefan
22 days ago

ali2
  • downloaded
22 days ago

Thanks for your help!

ali2
  • downloaded
22 days ago

Thanks for your help!

medamineridi 20 days ago

Hello , thanks for the product it is very useful and nice :) i want to personalise the menu ( dashboard , user profile, table list , typography icons maps notifications ) but i can't find the html file which contain this menu to change it with my own menu .. any help ?

medamineridi

it's okay i find it in sidebar.component.ts .. thanks anyway :)
20 days ago

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Design Quality

Multipurpose dashboard with great design

Design Quality

Design Quality