• This repository has been archived on 05/Jul/2023
  • Stars
    star
    371
  • Rank 115,103 (Top 3 %)
  • Language
    CSS
  • License
    MIT License
  • Created over 11 years ago
  • Updated over 9 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Bootstrap theme with demo and additional UI components not included in the bootstrap packaging. Fixed footer, admin panels, shadow box and more.

Clean Dashboard Responsive Bootstrap UI Theme

Click Here to View Demo

Screen Shot

Powerful Admin Theme

This application is javascript/css/html5 package of additional features placed on top of the twitter bootstrap libraries. To use, either compile the less files or use the existing css file.

Theme Components

Additional components like a shadow box, admin panels, login screen, fixed bottom footer and more are included.

Custom JS Libraries

The custom virtual tour library. In the demo you can select a sample form under the 'Try ME' navigation. There are two buttons on the right hand side. One demos the virtual tour of setting up a new user account, and one demos a tour of the current page. Give it a try!

Built On Bootstrap

Built on bootstrap 2.1.1 but supports up to 2.3.1. To upgrade you need to replace the bootstrap less folder with your desired bootstrap version. Find yourself a good less compiler and recompile the less into CSS.

LESS Setup using Grunt (Modified by Porrapat)

You have to setup NPM by download Node.js that NPM will come with Node.js already.

Install grunt at global.

$ npm install -g grunt

Install Grunt Command Line.

$ npm install -g grunt-cli

Setup LESS and Watch using file package.json

npm install

In the Gruntfile.js file, you can make some configuration. There are two example tasks here.

First : Basic Complie LESS task.

grunt

Second : Task Watch for Compile LESS automatically when you edit some of your LESS files.

grunt test

Note : To exit watch, you have to press Ctrl+C 2 times.

Compiled with Less

The source contains all the less files needed to compile a custom instance of the less template. Just point your less compiler to the file in bootstrap-clean-dashboard-theme/less/customize-template.less and recompile your CSS.

View Current Custom Theme

There is a default theme which can be overridden with different styling. The theme has a demo in the repository under clean-dashboard/demo. To view the demo theme pull down the repo and start an http server in that directory. I like to use SimpleHTTPServer app for Mac.

Project contributions must come from the community. The author is no longer actively working on this project... Fork if you want to improve and contribute. It will be appreciated.

Click Here to View Demo