❤️ 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,297
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

lazziemunetsi 4 years ago

@moldovanst I am using Angular 8, I managed to fix my issues, I had some white scrollbar problems, but I managed to fix them using the solution described here https://github.com/creativetimofficial/light-bootstrap-dashboard-angular2/issues/23#issuecomment-480747670 However I have another question, how can I upgrade to bootstrap version 4?

moldovanst
  • owner

Hello @lazziemunetsi , thank you for using our products, you can try to modify the structure and the classes with the new ones. Here is some infos: https://getbootstrap.com/docs/4.3/migration/ Best, Stefan
4 years ago

shibahandroas
  • downloaded
4 years ago

Thanks for the beautiful themes, It it be great if there was option to minimize side-bar !

moldovanst
  • owner

Hello @shibahandroas , thank you for your interest in working with our products, you can find this feature in the PRO version. All the best, Stefan
4 years ago

ecet80 4 years ago

I tried to purchase this item. It charges from my credit card but an error screen comes up with "Payment Failed" message. No item seen in my downloads page. Please help!

moldovanst
  • owner

Hello @ecet80 , thank you for using our products, I just responded to you on zendesk. Best, Stefan
4 years ago

arturocruz10
  • downloaded
4 years ago

There is an error with the dropdowns on the template, once open they can't be closed.

moldovanst
  • owner

Hello @arturocruz10 , thank you for using our products, I checked the dropdown functionality and it works just fine. I will ask you to use the default structure of a dropdown: https://getbootstrap.com/docs/4.0/components/dropdowns/#single-button-dropdowns. All the best, Stefan
4 years ago

arturocruz10
  • downloaded

@moldovanst I found that the error with the dropdowns just appears when you're trying to include those inside a modal, I let you know to check that :)
4 years ago

alshoja
  • downloaded
4 years ago

can I change the sidebar to right side, if my customer is from Arab countries they need all contents to be right to left that is RTL, I had given the rtl to body tag everything gets mirrored but the sidebar stays there in left side? Is there a way to change that to the right side?

moldovanst
  • owner

Hello @alshoja , thank you for using our products, unfortunately, you have to create the style for that by your own. Best, Stefan
4 years ago

alshoja
  • downloaded

@moldovanst i wrote CSS for that, but I get an issue on the sidebar in mobile view, an unwanted height is attaching as style below the footer Div . The bug still exists in your website itself, we can scroll down as much as if we shrink the website as mobile view (When clicking sidebar toggle)
4 years ago

moldovanst
  • owner

Hello again, I noticed the problem; A quick solution would be to set "position: absolute;" or "height: auto;" for the .close-layer div below the footer. We'll fix this issue in the next update. All the best, Stefan
4 years ago

alshoja
  • downloaded

@moldovanst can you please help me to find the .close-layer div, I cant see that below the footer , either maybe it is attaching by javascript I think
4 years ago

moldovanst
  • owner

@alshoja , thank you for using our products, you need to open the sidebar menu on a responsive device and the close-layer will appear: https://prnt.sc/ppiyk7 Best, Stefan
4 years ago

alshoja
  • downloaded

@moldovanst Thank you so much for the support in advance, I already got where the div pretends but I can't find that in code, can u please mention the file and line number to replace the code ?
4 years ago

myrung
  • downloaded
2 years ago

my project is single workspace, I can`t import your Light Bootstrap Dashboard to my project. How can I do? Thanks

ambassadorbd
  • downloaded
1 year ago

How can I change the main panel backgroung

rarestoma
  • downloaded

Hi! Thank you for working with our products. To change the main panel background you have to go to assets/sass/lbd/_misc.scss file and change the color on line 9. Thank you, Rares
1 year ago

alpayoguz97 1 year ago

I'm using React 18. I can't add new route to my page. I'm going to routes.js and adding a new route like other and creating a new component but gives me error that " '....' not defined". For example adding a new route like : { path:"/devices", name:"My Devices", icon:"nc-icon nc-air-baloon", component:Devices, layout:"/admin" } then adding a new js file named 'Devices' in components folder but giving me error

alpayoguz97

and I tried same thing for views pages. After adding a new route, ı go to 'views' folder and added a new component name 'Devices' . Still not working
1 year ago

sajadevo

Hi there, please ask the question on the product page you're using this is the bootstrap version and doesn't have and link with react. Regards, Sajad
1 year ago

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