500,000 web developers are using our UI Kits & Admin Dashboards ❤️ And of course that we want to celebrate our success with YOU!

Light Bootstrap Dashboard

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

MIT License

59,654 Downloads
156 Comments
Regular Support
Lifetime Updates
Release: 3 years ago
Update: 8 months ago

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

We are here to help you!

156 Web Developers commented on this product

Report issue Video Tutorial

ali2
  • downloaded
4 months 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
4 months ago

ali2
  • downloaded
4 months 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!
4 months ago

ali2
  • downloaded
4 months 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.
4 months ago

ali2
  • downloaded
4 months ago

Any help ^^?

gratschultz2013
  • downloaded
4 months 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
4 months ago

dwda 4 months 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
4 months ago

ali2
  • downloaded
4 months 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
4 months ago

ali2
  • downloaded
4 months ago

Thanks for your help!

ali2
  • downloaded
4 months ago

Thanks for your help!

medamineridi 4 months 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 :)
4 months ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

Es el que actualmente uso y a los clientes les encanta