❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free Bootstrap 4 Admin Template

Product description


Light Bootstrap Dashboard is bootstrap 4 admin dashboard template designed to be beautiful and simple. It is built on top of Bootstrap 4 and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM.

The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Light Bootstrap Dashboard contains multiple handpicked and optimised plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customisation of this product.

It comes with 6 filter colors for the sidebar (“black”, “azure”,”green”,”orange”,”red”,”purple”) and an option to have a background image.

Special thanks go to:

We are very excited to share this dashboard with you and we look forward to hearing your feedback!

You can find the Github Repo here.

Product certified by: Creative Tim
Light Bootstrap Dashboard - Fully Coded and Responsive HTML5
Light Bootstrap Dashboard - Sass Files for Professional Front End Developers
Light Bootstrap Dashboard - Crafted with Bootstrap - the most popular Front End Framework
Downloads
124,195
Version
2.0.1
Changelog
Updated
6 years ago
Released
8 years ago
Reviews
Star
Handcrafted Elements
16
Customized Plugins
4
Example Pages
4
Community Support
Documentation
Fully Responsive

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? What is in PRO Version?
Elements 16 120
Plugins 4 15
Examples Pages 4 4
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

178 Web Developers commented on this product

ali2
  • downloaded
5 years 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
5 years ago

ali2
  • downloaded
5 years 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!
5 years ago

ali2
  • downloaded
5 years 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.
5 years ago

ali2
  • downloaded
5 years ago

Any help ^^?

gratschultz2013
  • downloaded
5 years 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
5 years ago

dwda 5 years 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
5 years ago

ali2
  • downloaded
5 years 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
5 years ago

ali2
  • downloaded
5 years ago

Thanks for your help!

ali2
  • downloaded
5 years ago

Thanks for your help!

medamineridi 5 years 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 :)
5 years ago

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