Light Bootstrap Dashboard Pro

Light Bootstrap Dashboard Pro

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

License

2,012 Downloads
190 Comments
Premium Support
Lifetime Updates
Release: 2 years ago
Update: 9 months ago

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

We are here to help you!

190 Web Developers commented on this product

Report issue

mohdidzrin
  • downloaded
2 months ago

Hi. How to set sidebar to mini size by default? Currently when the dashboard is loaded, the sidebar will be in fullsize, so I wanted it to be in minisize when loaded. Anyone can help me here?

moldovanst
  • owner

Hello @mohdidzrin , you have to set the class "sidebar-mini" to the <body> tag.
2 months ago

mohdidzrin
  • downloaded

@moldovanst . Thank you so much
2 months ago

gerhardimpler
  • downloaded
2 months ago

Hi, we have purchased Light Bootstrap Dashboard . Now struggling with datatables selected rows, which are not highlighted. Is there a css class missing?

moldovanst
  • owner

Hello @gerhardimpler , thank you for using our products, please have in mind this example: https://datatables.net/examples/api/select_single_row.html, we'll also update the plugin in the next update. All the best, Stefan
1 month ago

raphaelcandello 1 month ago

Cant use Switches to minimize sidebar... The "$('#minimizeSidebar').click(function()" only works with the <button> tag. What is the event handler for this SWITCH? Couldnt find in the documentation :(

moldovanst
  • owner

Hello @raphaelcandello , thank you for using our products, please download this file with the switch handler to minimize the sidebar: https://www.dropbox.com/s/rwkgp1mkzul8v5q/switch.js?dl=0 and integrate it into your project. Best, Stefan
1 month ago

raphaelcandello 1 month ago

Amazing! Thank you @moldovanst. Its an awesome dashboard :)

moldovanst
  • owner

Glad to hear that it works. All the best !
1 month ago

sodaubai
  • downloaded
1 month ago

Amazing template. Thanks to team :)

moldovanst
  • owner

Hello @sodaubai , thank you for using our products and for the good thoughts. All the best, Stefan
1 month ago

mohdidzrin
  • downloaded
1 month ago

Hi, can someone help me with selectpicker? How to change the hover and selected background color for it? Right now it kinda dark and the text changing to white. I wanted the background to be more light grey and the text still in black color

moldovanst
  • owner

Hello @mohdidzrin , thank you for using our products, please go to 'assets/sass/lbd/plugins/_datetime-picker.scss' from line 347. All the best, Stefan
1 month ago

raphaelcandello 1 month ago

Hello again :) Is there a way to use your dropdown as dropup or dropright? Thank you!

moldovanst
  • owner

Hello @raphaelcandello , you can use the dropup by set for the main div the "dropup" class. Best, Stefan
1 month ago

raphaelcandello

That's good. Actually Im using a "dropup" in the bottom of the page, as since by default the itens are "visibility: hidden" it took space in the dom. I changed it to "display: none" and "display:block" and it fixed, no more overflow.
1 month ago

mumud.halimudin
  • downloaded
7 days ago

Hi, can I create multi level menu like admin LTE with Light Bootstrap Dashboard Pro? If can, how to make it... Thanks ;)

moldovanst
  • owner

Hello @mumud.halimudin , thank you for using our products, please give us more details about the multi-level menu: do you want it in the sidebar, or you want a dropdown that has more levels? Best, Stefan
1 day ago

ssmusoke
  • downloaded
1 day ago

What styling approach can I use to have some pages without the side bar (these will be my public application pages) and some pages with a sidebar (internal secured pages)

moldovanst
  • owner

Hello @ssmusoke , thank you for using our products, you can have in mind the design (without the sidebar) for the Login Page: https://demos.creative-tim.com/light-bootstrap-dashboard-pro/examples/pages/login.html and make the changes to look as you wish. Please let us know if we can help you with anything else. Best, Stefan
1 day ago

ssmusoke
  • downloaded
19 hours ago

@moldovanst Thanks, however I am going to have internal pages which do have the side bar - so how do I reconcile the two designs. How can I style so that I can hide the sidebar in one and not another - since just removing the sidebar leaves a space on the left hand side.

moldovanst
  • owner

For the pages that you want to have the sidebar, leave it like this and for those that you want to be full-width please set for the main <div> this classes: "wrapper wrapper-full-page" and for its child, you have to set "full-page" class. Please send us a link to your product to make the changes if you can't make it. All the best, Stefan
17 hours ago

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

Why our customers appreciate us

Design Quality

Design Quality

the best one))

Design Quality

Very nice and helpful