Contents

Discover what’s included in Bootstrap, including our precompiled and source code flavors. Remember, Bootstrap’s JavaScript components require Bootstrap Vue.


Argon Structure

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

|-- src
    |-- App.vue
    |-- main.js
    |-- router.js
    |-- starterRouter.js
    |-- assets
    |   |-- scss
    |   |   |-- argon.scss
    |   |   |-- bootstrap
    |   |   |-- custom
    |   |-- vendor
    |-- components
    |   |-- Badge.vue
    |   |-- BaseAlert.vue
    |   |-- BaseButton.vue
    |   |-- BaseCheckbox.vue
    |   |-- BaseInput.vue
    |   |-- BaseNav.vue
    |   |-- BasePagination.vue
    |   |-- BaseProgress.vue
    |   |-- BaseRadio.vue
    |   |-- BaseSlider.vue
    |   |-- BaseSwitch.vue
    |   |-- Card.vue
    |   |-- CloseButton.vue
    |   |-- Icon.vue
    |   |-- Modal.vue
    |   |-- NavbarToggleButton.vue
    |   |-- index.js
    |   |-- Tabs
    |       |-- PillsLayout.vue
    |       |-- Tab.vue
    |       |-- TabPane.vue
    |       |-- Tabs.vue
    |       |-- TabsLayout.vue
    |-- layout
    |   |-- AppFooter.vue
    |   |-- AppHeader.vue
    |   |-- starter
    |       |-- StarterFooter.vue
    |       |-- StarterHeader.vue
    |-- plugins
    |   |-- argon-kit.js
    |   |-- globalComponents.js
    |   |-- globalDirectives.js
    |-- views
        |-- Components.vue
        |-- Landing.vue
        |-- Login.vue
        |-- Profile.vue
        |-- Register.vue
        |-- Starter.vue
        |-- components
            |-- BasicElements.vue
            |-- Carousel.vue
            |-- CustomControls.vue
            |-- DownloadSection.vue
            |-- Examples.vue
            |-- Hero.vue
            |-- Icons.vue
            |-- Inputs.vue
            |-- JavascriptComponents.vue
            |-- Navigation.vue
            |-- JavascriptComponents
                |-- DatePickers.vue
                |-- Images.vue
                |-- Modals.vue
                |-- ProgressPagination.vue
                |-- TabsSection.vue
                |-- Tooltips.vue
                |-- Typography.vue

Bootstrap components

Here is the list of Bootstrap 4 components that were restyled in Argon:

Alerts
Badge
Buttons
Carousel
Dropdowns
Forms
Modal
Navs

Argon 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:

Datepicker
Sliders
Checkboxes
Radio buttons
Toggle buttons
Font Awesome
Nucleo icons
Modals