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

😍 Case Study: "How we built from scratch Light Bootstrap Dashboard" on one of the biggest publications on Medium: FreeCodeCamp.

Light Bootstrap Dashboard Pro

Premium Bootstrap Admin Template
· 4.80/5 (90 Reviews)

License

1,306 Downloads
130 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 1 month 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!

130 Web Developers commented on this product

Report issue

kontakt4v8
  • downloaded
1 year ago

@axelut any ETA on making LBDP on bootstrap4?

axelut
  • owner

@kontakt4v8 we've seen that BS4 - Alpha 3 was released a couple of days ago. We had in plan to migrate to BS4 when they will release the BS4 - Beta but probably we will start a development branch for BS4 - Alpha 3 to see exactly how our products work with it. Unfortunately, we don't have a date for this, we depend also on the release of official BS4 Beta because we don't want to give you a product that is not stable. We will create a public timeline where you will be able to see which products are in the Development mode for BS4 and which are still on BS3. Keep in touch, Alex!
1 year ago

greatbk
  • downloaded
1 year ago

i have some problem. select has no scrollbar on ie11 (and edge) your example forms/extended.html has same problem. scroll is enable(use mouse wheel) but no scrollbar. and when page hehgit is better bigger. mouse wheel is not running. edit sample page's height style. like this <div class="content"> to <div class="content" style="min-height:6000px;"> after select object test. scroll is no running.

axelut
  • owner

@greatbk thank you for using our product. We've checked and you're right, the scroll is not visible inside the select on IE. To fix this please go inside assets/css/light-bootstrap-dashboard.css on line 3303 where is .bootstrap-select.btn-group .dropdown-menu.inner and add this property "-ms-overflow-style: scrollbar;" and everything will work fine. Please let us know your status. Best, Alex!
1 year ago

greatbk
  • downloaded
1 year ago

sorry. i'm poor english, orz

kontakt4v8
  • downloaded
1 year ago

Anonymous Tim I've reported this eariler, but now I have more data. Sidebar menu scroll does not work on: built in browser, samsung GT-I9300, 4.3 android both built in browser and chrome, LG-E460, 4.1.2 android Everything updated. Please get back to me.

axelut
  • owner

@kontakt4v8 thank you for the details. We will check and see how we can fix that. I have a feeling that the scroll issue is caused by the PerfectScrollbar library that we use for a smooth scroll and that should not be activated on touch devices. We keep you posted with the result of the further testing. Best, Alex!
1 year ago

kontakt4v8
  • downloaded
1 year ago

Maybe PerfectScrollbar should be swtiched off on a specific mobile width? Will try myself. OK thanks.

axelut
  • owner

That can be a solution. You can switch it off using this: "$('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar('destroy');". Please let me know the result and if that is the problem we will adjust the core JS with your update.
1 year ago

dayan.sarah 1 year ago

Hey, I've just noticed you left some Git generated code in the Pro demo (probably after solving a conflict) which results in `======= >>>>>>> master ======= >>>>>>> master ` being displayed at the top of the pages. That's no big deal but it'll be better off without :)

axelut
  • owner

@dayan.sarah thank you very much for the information. We just updated the Demo, we've checked and the issue was just in the demo site, not in the archive that you get. Please let us know if we can help you with anything. Best, Alex!
1 year ago

kontakt4v8
  • downloaded
1 year ago

Could you please explain this: "- fixed sliders on mobile using jQuery UI Touch Punch " in the new update? Which sliders?

axelut
  • owner

@kontakt4v8 the sliders from this page: http://demos.creative-tim.com/light-bootstrap-dashboard-pro/examples/forms/extended.html were not working on the touch trigger on Touch Devices. You had to click on the line in order to move the small slider. No after this update you can actually touch the small ball slider and drag it to left or right. Please let us know if we can help with anything else. Best, Alex!
1 year ago

nk 1 year ago

Could you please upgrade bootstrap-switch to latest version (3.3.2 as seen in http://www.bootstrap-switch.org/). Current css not compatible with newest version..

axelut
  • owner

Thank you for pointing out. We added this on our next V1.4 update cycle, we've just released v1.3 about one week ago and right now we are getting more feedback also for new features. So stay tuned for that update. Best, Alex!
1 year ago

splean
  • downloaded
1 year ago

Button tooltips is not working with datatables.net. Do you have some solution for fix it? )

axelut
  • owner

@splean thank you for using our product. Can you please give us more details about the case that you have? Or can you please send us a link on our contact email or print screens? Something that we can see so we can test your situation. Best, Alex!
1 year ago

splean
  • downloaded
1 year ago

@axelut , thank you for your answer. Sorry for my English ^_^ I try explain ) In your example, on page http://demos.creative-tim.com/light-bootstrap-dashboard-pro/examples/tables/extended.html, when I am getting the mouse pointer over one of the actions ("Actions" column on "Table with links"), I see a custom tooltip, but when I am bringing the mouse cursor to one of the actions on page http://demos.creative-tim.com/light-bootstrap-dashboard-pro/examples/tables/datatables.net.html, I see another tooltip (native os tooltip).

axelut
  • owner

@splean no worries, I understand perfectly. The second table doesn't have the tooltips implemented at all, so that's why you see something different. To activate the tooltips please add these properties to the buttons 'rel="tooltip" title="Tooltip Title" data-placement="left"' and everything will work fine. More about tooltips can be found on the original Bootstrap Documentation -> http://getbootstrap.com/javascript/#tooltips Please let us know if we can help with anything else. Best, Alex!
1 year ago

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

Why our customers appreciate us

Design Quality

Nice design

Design Quality

Design Quality