Contents

Discover what’s included in Bootstrap, including our precompiled and source code flavors.


Nuxt Black Dashboard Structure

Once downloaded, unzip the compressed folder and you’ll see something like this:

|-- Nuxt Black Dashboard PRO
    |-- CHANGELOG.md
    |-- README.md
    |-- app.html
    |-- config.js
    |-- jsconfig.json
    |-- nuxt.config.js
    |-- package.json
    |-- assets
    |   |-- README.md
    |   |-- css
    |   |   |-- demo.css
    |   |   |-- nucleo-icons.css
    |   |-- fonts
    |   |   |-- nucleo.eot
    |   |   |-- nucleo.ttf
    |   |   |-- nucleo.woff
    |   |   |-- nucleo.woff2
    |   |-- sass
    |       |-- black-dashboard-pro.scss
    |       |-- vendor
    |           |-- bootstrap-rtl.scss
    |-- components
    |   |-- AnimatedNumber.vue
    |   |-- Badge.vue
    |   |-- BaseAlert.vue
    |   |-- BaseButton.vue
    |   |-- BaseDropdown.vue
    |   |-- BasePagination.vue
    |   |-- BaseProgress.vue
    |   |-- BaseSwitch.vue
    |   |-- BaseTable.vue
    |   |-- CloseButton.vue
    |   |-- ImageUpload.vue
    |   |-- LoadingPanel.vue
    |   |-- Modal.vue
    |   |-- NavbarToggleButton.vue
    |   |-- README.md
    |   |-- Slider.vue
    |   |-- directoryList.md
    |   |-- index.js
    |   |-- Breadcrumb
    |   |   |-- Breadcrumb.vue
    |   |   |-- BreadcrumbItem.vue
    |   |   |-- RouteBreadcrumb.vue
    |   |-- Calendar
    |   |   |-- Calendar.vue
    |   |   |-- CalendarHeader.vue
    |   |-- Cards
    |   |   |-- Card.vue
    |   |   |-- StatsCard.vue
    |   |-- Charts
    |   |   |-- BarChart.js
    |   |   |-- LineChart.js
    |   |   |-- PieChart.js
    |   |   |-- config.js
    |   |   |-- utils.js
    |   |-- Collapse
    |   |   |-- Collapse.vue
    |   |   |-- CollapseItem.vue
    |   |-- Dashboard
    |   |   |-- CountryMapCard.vue
    |   |   |-- TaskList.vue
    |   |   |-- UserTable.vue
    |   |-- ExtendedTables
    |   |   |-- ShoppingTable.vue
    |   |-- Headers
    |   |   |-- SweetAlertHeader.vue
    |   |-- Inputs
    |   |   |-- BaseCheckbox.vue
    |   |   |-- BaseInput.vue
    |   |   |-- BaseRadio.vue
    |   |   |-- IconCheckbox.vue
    |   |   |-- TagsInput.vue
    |   |-- Layout
    |   |   |-- Content.vue
    |   |   |-- ContentFooter.vue
    |   |   |-- DashboardLayout.vue
    |   |   |-- DashboardNavbar.vue
    |   |   |-- LoadingMainPanel.vue
    |   |   |-- SidebarFixedToggleButton.vue
    |   |   |-- SidebarSharePlugin.vue
    |   |   |-- SidebarToggleButton.vue
    |   |-- Navbar
    |   |   |-- BaseNav.vue
    |   |   |-- NavbarToggleButton.vue
    |   |-- NotificationPlugin
    |   |   |-- Notification.vue
    |   |   |-- Notifications.vue
    |   |   |-- index.js
    |   |-- SidebarPlugin
    |   |   |-- SideBar.vue
    |   |   |-- SidebarItem.vue
    |   |   |-- index.js
    |   |-- Tabs
    |   |   |-- Tab.vue
    |   |   |-- Tabs.vue
    |   |-- Timeline
    |   |   |-- TimeLine.vue
    |   |   |-- TimeLineItem.vue
    |   |-- UserProfile
    |   |   |-- EditProfileForm.vue
    |   |   |-- UserCard.vue
    |   |-- ValidationForms
    |   |   |-- LoginForm.vue
    |   |   |-- RangeValidationForm.vue
    |   |   |-- RegisterForm.vue
    |   |   |-- TypeValidationForm.vue
    |   |-- Wizard
    |   |   |-- FirstStep.vue
    |   |   |-- SecondStep.vue
    |   |   |-- ThirdStep.vue
    |   |   |-- Wizard.vue
    |   |   |-- WizardTab.vue
    |   |   |-- throttle.js
    |   |-- WorldMap
    |       |-- WorldMap.vue
    |-- lang
    |   |-- ar.js
    |   |-- en.js
    |-- layouts
    |   |-- README.md
    |   |-- auth.vue
    |   |-- default.vue
    |-- middleware
    |   |-- README.md
    |-- pages
    |   |-- .DS_Store
    |   |-- README.md
    |   |-- calendar.vue
    |   |-- charts.vue
    |   |-- index.vue
    |   |-- lock.vue
    |   |-- login.vue
    |   |-- pricing.vue
    |   |-- register.vue
    |   |-- widgets.vue
    |   |-- GeneralViews
    |   |   |-- NotFoundPage.vue
    |   |-- components
    |   |   |-- buttons.vue
    |   |   |-- grid-system.vue
    |   |   |-- icons.vue
    |   |   |-- notifications.vue
    |   |   |-- panels.vue
    |   |   |-- sweet-alert.vue
    |   |   |-- typography.vue
    |   |-- forms
    |   |   |-- extended.vue
    |   |   |-- regular.vue
    |   |   |-- validation.vue
    |   |   |-- wizard.vue
    |   |-- maps
    |   |   |-- API_KEY.js
    |   |   |-- full-screen.vue
    |   |   |-- google.vue
    |   |   |-- vector-map.vue
    |   |-- pages
    |   |   |-- .DS_Store
    |   |   |-- rtl.vue
    |   |   |-- timeline.vue
    |   |   |-- user.vue
    |   |-- table-list
    |       |-- extended.vue
    |       |-- paginated.vue
    |       |-- regular.vue
    |       |-- users.js
    |-- plugins
    |   |-- README.md
    |   |-- RTLPlugin.js
    |   |-- dashboard-plugin.js
    |   |-- full-calendar.js
    |   |-- globalComponents.js
    |   |-- globalDirectives.js
    |   |-- world-map.js
    |   |-- directives
    |   |   |-- click-ouside.js
    |   |-- extra
    |       |-- polyfills.js
    |-- static
    |   |-- README.md
    |   |-- favicon.png
    |   |-- icon.png
    |   |-- sw.js
    |   |-- img
    |-- store
    |   |-- README.md
    |-- util
        |-- throttle.js


Bootstrap components

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

Alerts
Badge
Buttons
Carousel
Dropdowns
Forms
Modal
Navs

Nuxt Black Dashboard Pro 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:

Sidebar
Custom Inputs
Checkboxes
Notifications
Pagination
Wizard
Progress
Radio
Switch
Slider
Timeline
Tabs
Charts
Font Awesome
Nucleo icons
Cards
Breadcrumb
Collapse