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

duc.nguyenvwf
  • downloaded
7 years ago

nice, thank you so much

duc.nguyenxrb
  • downloaded
7 years ago

thank you. seems it is a bug with download button, It is loading forever, in browser console. it is an error with "ga not defined". please check it

alexpaduraru
  • owner

@duc.nguyenxrb thank you for your interest in our products. Yes, we made some changes in the Google Analytics and the download was blocked, everything is fixed now. Sorry for the inconvenience. Best, Alex!
7 years ago

vanhai23
  • downloaded
7 years ago

good (y)

gratschultz2013
  • downloaded
6 years ago

To time-wasting to customize just about anything. Even simple color changes, you'll get dozens of errors when trying to compile afterwards. Not worth the time.

alexpaduraru
  • owner

@gratschultz2013 thank you for using our product. First, you need yo make sure you understand how the SASS is working, more can be found here: http://sass-lang.com/ then everything will work as smooth as it should be. We have over 24.000 official downloads (and maybe more unofficial or from github) and a lot of positive feedback for this product. Please, make sure you check SASS or change your colors directly in CSS. Thank you, Alex!
6 years ago

muhammad.tareen
  • downloaded
6 years ago

I would like to incorporate a form element in the sidebar but as soon as I do such it messes up the formatting and appearance. The form is needed to submit sensitive information which a link does not do. I would like the appearance of the form element to be exactly like the link element in the sidebar. Please help!

alexpaduraru
  • owner

@muhammad.tareen thank you for using our product. Please send us a link to your web application so we can check and give you a solution. Other option would be to have a post method on click via javascript, something like <a href="#link" onclick="doSomethingFunction(this)">...</a> and inside that doSomethingFunction(this) you will be able to send any data to the server via Ajax. Maybe this link will help you: http://stackoverflow.com/questions/22842805/jquery-ajax-how-to-send-data-to-an-url-without-showing-data-in-web-developers Got it? Best, Alex
6 years ago

muhammad.tareen
  • downloaded

@alexpaduraru YES it worked, thank you for your input regarding this matter. Could I also ask you another question, if it isn't too much trouble. I am trying to incorporate a fixed nav bar instead of a top one, but as soon as I do such, it interferes with the sidebar and covers up the logo. Any way to have the navbar decrease in width? I'm working locally so I don't have a link.
6 years ago

alexpaduraru
  • owner

@muhammad.tareen please add the code that is on line 6616 from this picture of the LBD Pro: http://imgur.com/a/43wMe Best, Alex!
6 years ago

muhammad.tareen
  • downloaded
6 years ago

I want to try and incorporate a fixed navigation bar instead of a static one, but as soon as I try do to such, it covers the logo for the sidebar-wrapper. Any way to get around this? I'm just working locally, so I don't have a link to what I'm creating. Any help is greatly appreciated.

muhammad.tareen
  • downloaded

Yes @alexpaduraru it was working fine. Thank you for being so responsive!! It actually is a very helpful.
6 years ago

alexpaduraru
  • owner

@muhammad.tareen the "navbar-fixed" isn't implemented in the Free version. So what we recommend you is to move the navbar outside of the div.main-panel and add the properties (width with calc, position:fixed and right:0) that are shown in the next image from the LBD Pro: http://imgur.com/a/3ql7u. Then it will work fine. Please let us know if that was working. Best, Alex
6 years ago

muhammad.tareen
  • downloaded

@alexpaduraru there is also another problem coming from setting the navigation bar to fixed. The footer is being moved down and when I attempt to scroll up, the navbar disappears again. When you scroll completely down, the navbar disappears (as seen on this image here: http://imgur.com/a/JgLEK) and there is a bit of a white space below the navbar too. I placed the @media, the .navbar-fixed, and the ".sidebar, .mainpanel, etc" in the CSS file. I also moved the navbar outside the mainpanel as you suggested.
6 years ago

alexpaduraru
  • owner

@muhammad.tareen just responded on the other comment thread.
6 years ago

muhammad.tareen
  • downloaded
6 years ago

I apologise for bombarding you with questions. I wanted to create a table with inputs. So I attempted to do so, but the problem is that the table input fields become difficult to see. If I enter "CHEM 2E03" for name or "Winter" for session, it will crop off. Also the table starts to overflow from the card container. I have attached my code here if you would like to see it: http://imgur.com/a/wgZlR and the problem with what is happening over here: http://imgur.com/a/QHHTx I do appreciate all of your help. Any feedback would be very helpful.

alexpaduraru
  • owner

@muhammad.tareen please add this code @media (min-width: 992px) light-bootstrap…board.css:8491 .table-responsive { overflow: scroll; } at the end of light-bootstrap-dashboard.css then you will have a scroll inside the table. Best, Alex!
6 years ago

muhammad.tareen
  • downloaded
6 years ago

I would much rather have the scroll bar available then it to chip off information

bhagvat.lande
  • downloaded
6 years ago

its great ,,,thank u so much

lmlefika
  • downloaded
6 years ago

Great Design guys

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