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