Light Bootstrap Dashboard Pro
Icon html
Icon sass
Icon sketch
Icon bootstrap

We launched our first Premium Bootstrap 4 Admin Template, Light Bootstrap Dashboard PRO ❤️

Light Bootstrap Dashboard Pro

Premium Bootstrap 4 Admin Template
· 4.80/5 (110 Reviews)

License

1,584 Downloads
140 Comments
Premium Support
Lifetime Updates
Release: 2 years ago
Update: 19 hours ago
Icon html
Icon sass
Icon sketch
Icon bootstrap

120 Handcrafted Components

15 Customized Plugins

24 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Light Bootstrap Dashboard Pro in the light demo version. It has features from the full version. We hope you will like this introduction to 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
Get Free Demo
Opt lbd thumbnail

We are here to help you!

140 Web Developers commented on this product

Report issue

brunodanielborges
  • downloaded
4 months ago

Hi, I bought the template some weeks ago. And now I´m trying implement the template in a React JS environment (components, etc). The question is: do you have intention to release one version running with React JS ?

axelut
  • downloaded

@brunodanielborges thank you for using our product. Yes, we will release a ReactJS version of the dashboard in about 2 months. At this moment our main focus is on Angular and Vue.js, as soon as the first products on Vue.js are launched we will migrate the LBD to ReactJS too. If you want to contribute to the Free version just let us know. Best, Alex!
4 months ago

kontakt4v8
  • downloaded
4 months ago

@axelut Hi again! Is it possible to switch off perfect scrollbar in this layout? If yes, how? I've tested on edge/chrome - windows 10, and it doesn't seem to show when you hover. Is there anyway to switch it off so I could test it more?

axelut
  • downloaded

@kontakt4v8 we gave a solution some time ago: https://www.creative-tim.com/product/light-bootstrap-dashboard-pro?page=7#comment-1472 did you try it? Or do you want to remove at all the Scrollbar library from the product?
4 months ago

kontakt4v8
  • downloaded
4 months ago

I tried it. Wanted to remove it, but that causes different problems, and no native scrollbar appears.

axelut
  • downloaded

@kontakt4v8 now I understand. To remove the library with all the dependencies please go to light-bootstrap-dashboard.js and remove anything that has the PerfectScrollbar in it. Then please go to light-bootstrap-dashboard.css and find ".perfect-scrollbar-on" and ".perfect-scrollbar-off" and remove all the code that is related to these 2 states. Then you should have the native sidebar on all devices. Let us know if that was working fine. Best, Alex!
4 months ago

kontakt4v8
  • downloaded
4 months ago

@axelut it works but now there is no scroll in the menu on mobile, any ideas?

axelut
  • downloaded

@kontakt4v8 can you please send us a link to check? Best, Alex!
3 months ago

ehsan.dizangi
  • downloaded
3 months ago

@axelut Hello, and thank you for your great products. I have a question: What is the best way to RTL the theme? or how can I? I already make it RTL but I don't know it's the right way or not, because I did it by myself.

axelut
  • downloaded

@ehsan.dizangi thank you for the kind words! Most of our customers used Bootstrap RTL (https://github.com/morteza/bootstrap-rtl) for the bootstrap right alignment. Please let us know how that was working and if you manage to switch the sidebar to the right too. If you cannot move the sidebar to right, we can have a look at the CSS code and try to help you. Best, Alex!
3 months ago

ehsan.dizangi
  • downloaded
3 months ago

Well, yes most of RTL websites usually use "Bootstrap RTL" from Mr morteza. but I did it by myself, if you want some more you can give me your email, I can show you screens of my website.

axelut
  • downloaded

@ehsan.dizangi that would be great. I'm sure other developers will be happy to check that too if you want to share it with the community. alex [at] creative-tim.com is the email. Best, Alex!
3 months ago

nabava 2 months ago

@axelut Hi, our company has purchased your bundle pack and we have some issues now with Light Bootstrap Dashboard Pro. When the sidebar is minified the full page layout is broken. You can see an example here https://ibb.co/cZd5tk , also starting the site with sidebar-mini applied than the slim scroll plugin doesnt work. Other than that great pack and easy to use. Looking forward to what you come up with next. Regards.

axelut
  • downloaded

@nabava thank you for using our Bundle. We were working on a new menu for the sidebar mini which will be like this one: http://lbd-pro-angular2.creative-tim.com/. We added a tutorial on how to do that here: https://github.com/creativetimofficial/light-bootstrap-dashboard-pro/issues/29#issuecomment-328497377. Please let us know if that was helpful. In case you cannot handle it right, please send us a link to your web app and we will check it live. Best, Alex!
2 months ago

slammw
  • downloaded
2 months ago

Hi, I need to switch the whole steps process from (left to right) to (Right to Left) so that About becomes the first steps on the right, Any idea how to do that?

axelut
  • downloaded

@slammw Thank you for using our product. Unfortunately, we don't have any ideas on how to do that. We just did the design over the Wizard. You can check the official plugin here: https://github.com/VinceG/twitter-bootstrap-wizard and maybe somebody from that community can give you an idea. Hope this helps. Best, Alex!
2 months ago

Anonymous Tim 2 months ago

how to controller checkbox

axelut
  • downloaded

Thank you for using our product. Please check how to change the values of the checkboxes in documentation/elements.html you will have a menu on the left side with all the components. Hope this helps. Best, Alex!
2 months ago

Anonymous Tim 2 months ago

Hello , I need to checked list or change checkbox on javascript but i don't no checked list and hot to use javascript helps Alex!!

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

Why our customers appreciate us

Design Quality

Attention to the DETAILS!!

Design Quality

A well bootstrap implementation

Design Quality

Very good product.