dashboard-skeleton-compostrap/readme.md

Simple and fast dashboard skeleton on Bootstrap

## Dashboard skeleton
Simple and fast dashboard skeleton template.

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://raw.githubusercontent.com/compostrap/dashboard-skeleton/master/license.md)
[![npm version](https://badge.fury.io/js/dashboard-skeleton-compostrap.svg)](https://badge.fury.io/js/dashboard-skeleton-compostrap)
[![Build Status](https://travis-ci.com/compostrap/dashboard-skeleton.svg?branch=master)](https://travis-ci.com/compostrap/dashboard-skeleton)
[![CodeFactor](https://www.codefactor.io/repository/github/compostrap/dashboard-skeleton/badge)](https://www.codefactor.io/repository/github/compostrap/dashboard-skeleton)

## Installation
```
npm install --save dashboard-skeleton-compostrap
```

Version 1x built on Bootstrap 4  
Version 2x built on Bootstrap 5

## Built on
- [Bootstrap](https://getbootstrap.com)
- [Font Awesome 6](https://fontawesome.com)
- [Perfect scrollbar](https://github.com/mdbootstrap/perfect-scrollbar)
- [Open Sans @font-face kit](https://github.com/FontFaceKit/open-sans)
- [Nanobar](https://github.com/jacoborus/nanobar)

## Demo
https://compostrap.github.io/dashboard.skeleton

## Introduction
Simple and fast dashboard skeleton is build on Bootstrap. So you should be aware of how Bootstrap itself is used.
The advantage is also knowledge of sass, npm, grunt.

## Dashboard skeleton
The basic skeleton consists of these components.

- [Sidebar skeleton](https://github.com/compostrap/sidebar-skeleton)
- [Sidebar menu](https://github.com/compostrap/sidebar-menu)

## Dashboard extension
Added some classes for text.

| Color                                                        | Class         |
| ------------------------------------------------------------ | ------------- |
| ![#6f42c1](https://via.placeholder.com/15/6f42c1/6f42c1.png) | `text-purple` |
| ![#e83e8c](https://via.placeholder.com/15/e83e8c/e83e8c.png) | `text-pink`   |
| ![#fd7e14](https://via.placeholder.com/15/fd7e14/fd7e14.png) | `text-orange` |
| ![#20c997](https://via.placeholder.com/15/20c997/20c997.png) | `text-teal`   |