Skip to content

scottwoodall/tinyplate

Repository files navigation

tinyplate

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.

demo

installation (choose one)

  • Grab index.html and tinyplate.css directly from Github.
  • npm install tinyplate
  • bower install tinyplate
  • git clone https://github.com/scottwoodall/tinyplate.git

usage

Use index.html as the starting point for your project.

changing layout from fixed to fluid

The template defaults to a fixed layout. If you want a fluid layout change the container class on the #wrapper div to container-fluid.

changing colors

Follow the development instructions and then make changes to less/variables.less and re-compile.

development

  1. git clone https://github.com/scottwoodall/tinyplate.git
  2. cd tinyplate; npm install
  3. 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.

credits

license

MIT

About

A lightweight, responsive dashboard template using Bootstrap

Resources

License

Stars

Watchers

Forks

Packages

No packages published