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: