File Structure

Black Dashboard PRO is a premium Bootstrap 4 Admin Template.

Black Dashboard PRO Structure

Once you have downloaded the archive and opened it, you will find the following structure:

.
├── CHANGELOG.md
├── README.md
├── assets
│   ├── css/
│   │   ├── black-dashboard.css
│   │   ├── black-dashboard.css.map
│   │   ├── black-dashboard.min.css
│   │   └── nucleo-icons.css
│   ├── demo/
│   ├── fonts/
│   ├── img/
│   ├── js/
│   │   ├── black-dashboard.js
│   │   ├── black-dashboard.js.map
│   │   ├── black-dashboard.min.js
│   │   ├── core/
│   │   │   ├── bootstrap.min.js
│   │   │   ├── jquery.min.js
│   │   │   └── popper.min.js
│   │   └── plugins/
│   │       ├── bootstrap-datetimepicker.js
│   │       ├── bootstrap-notify.js
│   │       ├── bootstrap-selectpicker.js
│   │       ├── bootstrap-switch.js
│   │       ├── bootstrap-tagsinput.js
│   │       ├── chartjs.min.js
│   │       ├── fullcalendar
│   │       │   ├── daygrid.min.js
│   │       │   ├── fullcalendar.min.js
│   │       │   ├── interaction.min.js
│   │       │   └── timegrid.min.js
│   │       ├── fullcalendar.min.js
│   │       ├── jasny-bootstrap.min.js
│   │       ├── jquery-jvectormap.js
│   │       ├── jquery.bootstrap-wizard.js
│   │       ├── jquery.dataTables.min.js
│   │       ├── jquery.tablesorter.js
│   │       ├── jquery.validate.min.js
│   │       ├── moment.min.js
│   │       ├── nouislider.min.js
│   │       ├── perfect-scrollbar.jquery.min.js
│   │       └── sweetalert2.min.js
│   └── scss/
│       ├── black-dashboard/
│       │   ├── bootstrap/
│       │   ├── custom/
│       └── black-dashboard.scss
├── docs/
│   └── 1.0/
│       ├── components/
│       ├── getting-started/
│       └── plugins/
├── examples/
│   ├── components/
│   │   ├── buttons.html
│   │   ├── grid.html
│   │   ├── icons.html
│   │   ├── notifications.html
│   │   ├── panels.html
│   │   ├── sweet-alert.html
│   │   └── typography.html
│   ├── forms/
│   │   ├── extended.html
│   │   ├── regular.html
│   │   ├── validation.html
│   │   └── wizard.html
│   ├── maps/
│   │   ├── fullscreen.html
│   │   ├── google.html
│   │   └── vector.html
│   ├── pages/
│   │   ├── lock.html
│   │   ├── login.html
│   │   ├── pricing.html
│   │   ├── register.html
│   │   ├── rtl.html
│   │   ├── timeline.html
│   │   └── user.html
│   ├── tables/
│   │   ├── datatables.net.html
│   │   ├── extended.html
│   │   └── regular.html
│   ├── dashboard.html
│   ├── calendar.html
│   ├── charts.html
│   └── widgets.html
├── gulpfile.js
└── package.json

Restyled Components

Here is the list of Bootstrap 4 components that were restyled in Black Dashboard Pro:

  • Buttons
  • Cards
  • Inputs
  • Select
  • Textarea
  • Menu
  • Dropdown
  • Progress Bars
  • Navigation Menu
  • Pagination
  • Labels
  • Notifications
  • Typography
  • Images
  • Tables
  • Tooltips
  • Popovers
  • Modal

New Components

Besides giving the existing Bootstrap elements a new look, we added new ones, so that the interface and consistent and homogenous. Going through them, we added:

  • Charts
  • Checkboxes
  • Footers
  • Google Maps
  • jVector Maps
  • jQuery Maps
  • Bootstrap Tables
  • DataTables.net
  • Maps
  • Panels
  • Radio Buttons
  • Sliders
  • Sweet Alert
  • Sidebar
  • Tags
  • Wizard
  • Toggle Buttons
  • Datetimepicker
  • Nucleo Icons
  • File Uploader
  • New Modals