Contents

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


Argon structure

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

argon/
            ├── CHANGELOG.md
            ├── ISSUES_TEMPLATE.md
            ├── LICENSE.md
            ├── README.md
            │   .editorconfig
            │   .eslintrc.js
            │   .gitignore
            │   .prettierrc
            │   docker-compose.yml
            │   ecosystem.config.js
            │   gulpfile.js
            │   haproxy.cfg
            │   logger.js
            │   package.json
            │   app.js
            │
            ├───bin
            │       www
            │
            ├───config
            │       index.js
            │
            ├───db
            │   │   index.js
            │   │   knexfile.js
            │   │
            │   ├───migrations
            │   │       20190213122702_create-roles-table.js
            │   │       20190315141435_create-users-table.js
            │   │       20190315155223_create-posts-table.js
            │   │       20190318161927_create_tags_table.js
            │   │       20190318161939_create_categories_table.js
            │   │       20190318161947_create_posts_tags_table.js
            │   │       20190318162859_create_posts_categories_table.js
            │   │
            │   └───seeds
            │           01-insert-default-roles.js
            │           02-create-default-users.js
            │           03-create-default-tags.js
            │           04-create-default-categories.js
            │
            ├───docs
            │       documentation.html
            │
            ├───env-files
            │       development.env
            │       production.env
            │       staging.env
            │
            ├── public
            │   ├── css
            │   │   ├── argon.css
            │   │   └── argon.min.css
            │   ├── fonts
            │   │   └── nucleo
            │   ├── img
            │   │   ├── brand
            │   │   ├── icons
            │   │   └── theme
            │   ├── js
            │   │   ├── argon.js
            │   │   └── argon.min.js
            │   ├── scss
            │   │   ├── argon.scss
            │   │   ├── bootstrap
            │   │   ├── core
            │   │   └── custom
            │   └── vendor
            ├───features
            │   ├───category-management
            │   │   │   constants.js
            │   │   │   repository.js
            │   │   │   routes.js
            │   │   │
            │   │   └───commands
            │   │           add-category.js
            │   │           delete-category.js
            │   │           load-page.js
            │   │           update-category.js
            │   │           verify-request-body.js
            │   │
            │   ├───login
            │   │   │   constants.js
            │   │   │   init-auth-middleware.js
            │   │   │   repository.js
            │   │   │   routes.js
            │   │   │
            │   │   └───commands
            │   │           load-page.js
            │   │           login.js
            │   │           redirect-to-dashboard.js
            │   │           verify-request-body.js
            │   │
            │   ├───logout
            │   │   │   routes.js
            │   │   │
            │   │   └───commands
            │   │           logout.js
            │   │
            │   ├───posts
            │   │   │   constants.js
            │   │   │   repository.js
            │   │   │   routes.js
            │   │   │
            │   │   └───commands
            │   │           add-post.js
            │   │           delete-post.js
            │   │           edit-post.js
            │   │           load-page.js
            │   │           verify-request-body.js
            │   │
            │   ├───profile
            │   │   │   constants.js
            │   │   │   repository.js
            │   │   │   routes.js
            │   │   │
            │   │   └───commands
            │   │           change-password.js
            │   │           load-page.js
            │   │           update-user-info.js
            │   │           verify-request-body.js
            │   │
            │   ├───register
            │   │   │   constants.js
            │   │   │   repository.js
            │   │   │   routes.js
            │   │   │
            │   │   └───commands
            │   │           create-user.js
            │   │           load-page.js
            │   │           verify-request-body.js
            │   │
            │   ├───reset-password
            │   │   │   routes.js
            │   │   │
            │   │   └───commands
            │   │           load-page.js
            │   │
            │   ├───tag-management
            │   │   │   constants.js
            │   │   │   repository.js
            │   │   │   routes.js
            │   │   │
            │   │   └───commands
            │   │           add-tag.js
            │   │           delete-tag.js
            │   │           load-page.js
            │   │           update-tag.js
            │   │           verify-request-body.js
            │   │
            │   └───user-management
            │       │   constants.js
            │       │   repository.js
            │       │   routes.js
            │       │
            │       └───commands
            │               load-edit-page.js
            │               load-page.js
            │               update-user.js
            │               verify-request-body.js
            │
            ├───helpers
            │       role-guard.js
            │
            ├───resources
            │       user-roles.json
            │
            ├───routes
            │       index.js
            │
            ├───screens
            │       Dashboard.png
            │       Login.png
            │       Profile.png
            │       Users.png
            │
            └───views
                │   layout.ejs
                │
                ├───pages
                │   │   404.ejs
                │   │   calendar.ejs
                │   │   charts.ejs
                │   │   homepage.ejs
                │   │   reset-password.ejs
                │   │   widgets.ejs
                │   │
                │   ├───components
                │   │       buttons.ejs
                │   │       cards.ejs
                │   │       grid.ejs
                │   │       icons.ejs
                │   │       notifications.ejs
                │   │       typography.ejs
                │   │
                │   ├───dashboards
                │   │       alternative.ejs
                │   │       dashboard.ejs
                │   │
                │   ├───examples
                │   │       add-category.ejs
                │   │       add-post.ejs
                │   │       add-tag.ejs
                │   │       category-management.ejs
                │   │       display-posts.ejs
                │   │       edit-category.ejs
                │   │       edit-post.ejs
                │   │       edit-tag.ejs
                │   │       edit-user.ejs
                │   │       lock.ejs
                │   │       login.ejs
                │   │       post-management.ejs
                │   │       pricing.ejs
                │   │       profile.ejs
                │   │       register.ejs
                │   │       tag-management.ejs
                │   │       timeline.ejs
                │   │       user-management.ejs
                │   │
                │   ├───forms
                │   │       components.ejs
                │   │       elements.ejs
                │   │       validation.ejs
                │   │
                │   ├───maps
                │   │       google.ejs
                │   │       vector.ejs
                │   │
                │   └───tables
                │           datatables.ejs
                │           sortable.ejs
                │           tables.ejs
                │
                └───partials
                    │   dropdown.ejs
                    │   footer.ejs
                    │   header.ejs
                    │   navbar.ejs
                    │   scripts.ejs
                    │   sidebar.ejs
                    │
                    └───auth
                            footer.ejs
                            header.ejs
                            navbar.ejs
              

Bootstrap components

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

Alerts
Badge
Buttons
Carousel
Dropdowns
Forms
Modal
Navs
Navbar
Pagination
Popover & Tooltip
Progress

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