A lightweight, responsive dashboard powered by Twitter Bootstrap. This is a fork of the Responsive-Dashboard project but includes the following changes:
- The Angular dependency was removed.
- Choose between a fixed or fluid layout.
- Change the width of your sidebar/content.
- When viewed on a mobile device, the sidebar has been replaced with an off canvas solution that is toggled with a button.
- Grab index.html and tinyplate.css directly from Github.
npm install tinyplate
bower install tinyplate
git clone https://github.com/scottwoodall/tinyplate.git
Use index.html
as the starting point for your project.
The template defaults to a fixed layout. If you want a fluid layout change the container
class on the #wrapper
div to container-fluid
.
Follow the development instructions and then make changes to less/variables.less
and re-compile.
git clone https://github.com/scottwoodall/tinyplate.git
cd tinyplate; npm install
npm run dev-server
Edit the source files under ./less
and webpack will automatically re-compile. Point your browser at http://localhost:2922/webpack-dev-server/ to view your changes.
npm run build
creates dist/tinyplate.css
for when you're ready to commit.
- Burke Holland for his blog post on creating an off-canvas sidebar.
- The original Responsive-Dashboard for creating a great looking dashboard.
MIT