bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
File Explorer
Download Latest Version (.zip)- codeql-config.yml
- bug_report.yml
- config.yml
- feature_request.yml
- browserstack.yml
- bundlewatch.yml
- calibreapp-image-actions.yml
- codeql.yml
- cspell.yml
- css.yml
- docs.yml
- issue-close-require.yml
- issue-labeled.yml
- js.yml
- lint.yml
- node-sass.yml
- publish-nuget.yml
- release-notes.yml
- scorecard.yml
- CODEOWNERS
- CONTRIBUTING.md
- dependabot.yml
- INCIDENT_RESPONSE.md
- PULL_REQUEST_TEMPLATE.md
- release-drafter.yml
- SUPPORT.md
- extensions.json
- settings.json
- banner.mjs
- build-plugins.mjs
- change-version.mjs
- docs-prep.sh
- generate-sri.mjs
- postcss.config.mjs
- rollup.config.mjs
- vnu-jar.mjs
- zip-examples.mjs
- bootstrap-grid.css
- bootstrap-grid.css.map
- bootstrap-grid.min.css
- bootstrap-grid.min.css.map
- bootstrap-grid.rtl.css
- bootstrap-grid.rtl.css.map
- bootstrap-grid.rtl.min.css
- bootstrap-grid.rtl.min.css.map
- bootstrap-reboot.css
- bootstrap-reboot.css.map
- bootstrap-reboot.min.css
- bootstrap-reboot.min.css.map
- bootstrap-reboot.rtl.css
- bootstrap-reboot.rtl.css.map
- bootstrap-reboot.rtl.min.css
- bootstrap-reboot.rtl.min.css.map
- bootstrap-utilities.css
- bootstrap-utilities.css.map
- bootstrap-utilities.min.css
- bootstrap-utilities.min.css.map
- bootstrap-utilities.rtl.css
- bootstrap-utilities.rtl.css.map
- bootstrap-utilities.rtl.min.css
- bootstrap-utilities.rtl.min.css.map
- bootstrap.css
- bootstrap.css.map
- bootstrap.min.css
- bootstrap.min.css.map
- bootstrap.rtl.css
- bootstrap.rtl.css.map
- bootstrap.rtl.min.css
- bootstrap.rtl.min.css.map
- bootstrap.bundle.js
- bootstrap.bundle.js.map
- bootstrap.bundle.min.js
- bootstrap.bundle.min.js.map
- bootstrap.esm.js
- bootstrap.esm.js.map
- bootstrap.esm.min.js
- bootstrap.esm.min.js.map
- bootstrap.js
- bootstrap.js.map
- bootstrap.min.js
- bootstrap.min.js.map
- data.js
- data.js.map
- event-handler.js
- event-handler.js.map
- manipulator.js
- manipulator.js.map
- selector-engine.js
- selector-engine.js.map
- backdrop.js
- backdrop.js.map
- component-functions.js
- component-functions.js.map
- config.js
- config.js.map
- focustrap.js
- focustrap.js.map
- index.js
- index.js.map
- sanitizer.js
- sanitizer.js.map
- scrollbar.js
- scrollbar.js.map
- swipe.js
- swipe.js.map
- template-factory.js
- template-factory.js.map
- alert.js
- alert.js.map
- base-component.js
- base-component.js.map
- button.js
- button.js.map
- carousel.js
- carousel.js.map
- collapse.js
- collapse.js.map
- dropdown.js
- dropdown.js.map
- modal.js
- modal.js.map
- offcanvas.js
- offcanvas.js.map
- popover.js
- popover.js.map
- scrollspy.js
- scrollspy.js.map
- tab.js
- tab.js.map
- toast.js
- toast.js.map
- tooltip.js
- tooltip.js.map
- data.js
- event-handler.js
- manipulator.js
- selector-engine.js
- backdrop.js
- component-functions.js
- config.js
- focustrap.js
- index.js
- sanitizer.js
- scrollbar.js
- swipe.js
- template-factory.js
- alert.js
- base-component.js
- button.js
- carousel.js
- collapse.js
- dropdown.js
- modal.js
- offcanvas.js
- popover.js
- scrollspy.js
- tab.js
- toast.js
- tooltip.js
- fixture.js
- bundle-modularity.js
- bundle.js
- index.html
- rollup.bundle-modularity.js
- rollup.bundle.js
- data.spec.js
- event-handler.spec.js
- manipulator.spec.js
- selector-engine.spec.js
- backdrop.spec.js
- component-functions.spec.js
- config.spec.js
- focustrap.spec.js
- index.spec.js
- sanitizer.spec.js
- scrollbar.spec.js
- swipe.spec.js
- template-factory.spec.js
- alert.spec.js
- base-component.spec.js
- button.spec.js
- carousel.spec.js
- collapse.spec.js
- dropdown.spec.js
- jquery.spec.js
- modal.spec.js
- offcanvas.spec.js
- popover.spec.js
- scrollspy.spec.js
- tab.spec.js
- toast.spec.js
- tooltip.spec.js
- alert.html
- button.html
- carousel.html
- collapse.html
- dropdown.html
- floating-label.html
- input.html
- modal.html
- popover.html
- scrollspy.html
- tab.html
- toast.html
- tooltip.html
- browsers.js
- karma.conf.js
- README.md
- index.esm.js
- index.umd.js
- bootstrap.nuspec
- bootstrap.png
- bootstrap.sass.nuspec
- _floating-labels.scss
- _form-check.scss
- _form-control.scss
- _form-range.scss
- _form-select.scss
- _form-text.scss
- _input-group.scss
- _labels.scss
- _validation.scss
- _clearfix.scss
- _color-bg.scss
- _colored-links.scss
- _focus-ring.scss
- _icon-link.scss
- _position.scss
- _ratio.scss
- _stacks.scss
- _stretched-link.scss
- _text-truncation.scss
- _visually-hidden.scss
- _vr.scss
- _alert.scss
- _backdrop.scss
- _banner.scss
- _border-radius.scss
- _box-shadow.scss
- _breakpoints.scss
- _buttons.scss
- _caret.scss
- _clearfix.scss
- _color-mode.scss
- _color-scheme.scss
- _container.scss
- _deprecate.scss
- _forms.scss
- _gradients.scss
- _grid.scss
- _image.scss
- _list-group.scss
- _lists.scss
- _pagination.scss
- _reset-text.scss
- _resize.scss
- _table-variants.scss
- _text-truncate.scss
- _transition.scss
- _utilities.scss
- _visually-hidden.scss
- _auto-import-of-variables-dark.test.scss
- _box-shadow.test.scss
- _color-contrast.test.scss
- _color-modes.test.scss
- _media-query-color-mode-full.test.scss
- _utilities.test.scss
- register.js
- runner.js
- _api.test.scss
- jasmine.js
- _api.scss
- _rfs.scss
- _accordion.scss
- _alert.scss
- _badge.scss
- _breadcrumb.scss
- _button-group.scss
- _buttons.scss
- _card.scss
- _carousel.scss
- _close.scss
- _containers.scss
- _dropdown.scss
- _forms.scss
- _functions.scss
- _grid.scss
- _helpers.scss
- _images.scss
- _list-group.scss
- _maps.scss
- _mixins.scss
- _modal.scss
- _nav.scss
- _navbar.scss
- _offcanvas.scss
- _pagination.scss
- _placeholders.scss
- _popover.scss
- _progress.scss
- _reboot.scss
- _root.scss
- _spinners.scss
- _tables.scss
- _toasts.scss
- _tooltip.scss
- _transitions.scss
- _type.scss
- _utilities.scss
- _variables-dark.scss
- _variables.scss
- bootstrap-grid.scss
- bootstrap-reboot.scss
- bootstrap-utilities.scss
- bootstrap.scss
- breakpoints.yml
- colors.yml
- core-team.yml
- docs-versions.yml
- examples.yml
- grays.yml
- icons.yml
- plugins.yml
- sidebar.yml
- theme-colors.yml
- translations.yml
- index.astro
- index.astro
- badges.css
- index.astro
- blog.css
- blog.rtl.css
- index.astro
- index.astro
- breadcrumbs.css
- index.astro
- index.astro
- carousel.css
- carousel.rtl.css
- index.astro
- index.astro
- cheatsheet.css
- cheatsheet.js
- cheatsheet.rtl.css
- index.astro
- index.astro
- checkout.css
- checkout.js
- index.astro
- index.astro
- cover.css
- index.astro
- dashboard.css
- dashboard.js
- dashboard.rtl.css
- index.astro
- dashboard.js
- index.astro
- dropdowns.css
- index.astro
- features.css
- index.astro
- unsplash-photo-1.jpg
- unsplash-photo-2.jpg
- unsplash-photo-3.jpg
- index.astro
- grid.css
- index.astro
- headers.css
- index.astro
- bootstrap-docs.png
- bootstrap-themes.png
- heroes.css
- index.astro
- index.astro
- index.astro
- jumbotrons.css
- index.astro
- list-groups.css
- index.astro
- index.astro
- modals.css
- index.astro
- index.astro
- navbar-fixed.css
- index.astro
- navbar-static.css
- index.astro
- navbars.css
- index.astro
- navbars-offcanvas.css
- index.astro
- offcanvas-navbar.css
- offcanvas-navbar.js
- index.astro
- pricing.css
- index.astro
- product.css
- index.astro
- sidebars.css
- sidebars.js
- index.astro
- sign-in.css
- index.astro
- index.astro
- sticky-footer.css
- index.astro
- sticky-footer-navbar.css
- sidebar.js
- snippets.js
- application.js
- search.js
- snippets.js
- stackblitz.js
- Footer.astro
- Analytics.astro
- Favicons.astro
- Head.astro
- Scss.astro
- ScssProd.astro
- Social.astro
- Stylesheet.astro
- Header.astro
- LinkItem.astro
- Navigation.astro
- Skippy.astro
- Versions.astro
- ComponentUtilities.astro
- CSSVariables.astro
- Customize.astro
- GetStarted.astro
- Icons.astro
- MastHead.astro
- Plugins.astro
- BootstrapWhiteFillIcon.astro
- CircleSquareIcon.astro
- DropletFillIcon.astro
- GitHubIcon.astro
- HamburgerIcon.astro
- OpenCollectiveIcon.astro
- Symbols.astro
- XIcon.astro
- AddedIn.astro
- BsTable.astro
- Callout.astro
- CalloutDeprecatedDarkVariants.astro
- Code.astro
- DeprecatedIn.astro
- Example.astro
- GuideFooter.mdx
- JsDataAttributes.mdx
- JsDismiss.astro
- JsDocs.astro
- Placeholder.astro
- ScssDocs.astro
- Table.astro
- TableContent.md
- Ads.astro
- DocsScripts.astro
- DocsSidebar.astro
- Scripts.astro
- TableOfContents.astro
- danger-async-methods.md
- info-mediaqueries-breakpoints.md
- info-npm-starter.md
- info-prefersreducedmotion.md
- info-sanitizer.md
- warning-color-assistive-technologies.md
- warning-data-bs-title-vs-title.md
- warning-input-support.md
- brand.mdx
- license.mdx
- overview.mdx
- team.mdx
- translations.mdx
- accordion.mdx
- alerts.mdx
- badge.mdx
- breadcrumb.mdx
- button-group.mdx
- buttons.mdx
- card.mdx
- carousel.mdx
- close-button.mdx
- collapse.mdx
- dropdowns.mdx
- list-group.mdx
- modal.mdx
- navbar.mdx
- navs-tabs.mdx
- offcanvas.mdx
- pagination.mdx
- placeholders.mdx
- popovers.mdx
- progress.mdx
- scrollspy.mdx
- spinners.mdx
- toasts.mdx
- tooltips.mdx
- figures.mdx
- images.mdx
- reboot.mdx
- tables.mdx
- typography.mdx
- color-modes.mdx
- color.mdx
- components.mdx
- css-variables.mdx
- optimize.mdx
- options.mdx
- overview.mdx
- sass.mdx
- approach.mdx
- icons.mdx
- checks-radios.mdx
- floating-labels.mdx
- form-control.mdx
- input-group.mdx
- layout.mdx
- overview.mdx
- range.mdx
- select.mdx
- validation.mdx
- accessibility.mdx
- best-practices.mdx
- browsers-devices.mdx
- contents.mdx
- contribute.mdx
- download.mdx
- introduction.mdx
- javascript.mdx
- parcel.mdx
- rfs.mdx
- rtl.mdx
- vite.mdx
- webpack.mdx
- clearfix.mdx
- color-background.mdx
- colored-links.mdx
- focus-ring.mdx
- icon-link.mdx
- position.mdx
- ratio.mdx
- stacks.mdx
- stretched-link.mdx
- text-truncation.mdx
- vertical-rule.mdx
- visually-hidden.mdx
- breakpoints.mdx
- columns.mdx
- containers.mdx
- css-grid.mdx
- grid.mdx
- gutters.mdx
- utilities.mdx
- z-index.mdx
- api.mdx
- background.mdx
- borders.mdx
- colors.mdx
- display.mdx
- flex.mdx
- float.mdx
- interactions.mdx
- link.mdx
- object-fit.mdx
- opacity.mdx
- overflow.mdx
- position.mdx
- shadows.mdx
- sizing.mdx
- spacing.mdx
- text.mdx
- vertical-align.mdx
- visibility.mdx
- z-index.mdx
- docsref.mdx
- migration.mdx
- config.ts
- ExamplesMain.astro
- Icons.astro
- ResponsiveImage.astro
- ThemeToggler.astro
- BaseLayout.astro
- DocsLayout.astro
- ExamplesLayout.astro
- RedirectLayout.astro
- SingleLayout.astro
- astro.ts
- bootstrap.ts
- config.ts
- content.ts
- data.ts
- examples.ts
- icon.ts
- image.ts
- layout.ts
- path.ts
- placeholder.ts
- prism.ts
- rehype.ts
- remark.ts
- toc.ts
- utils.ts
- validation.ts
- [...asset].ts
- [...example].astro
- index.astro
- [...slug].astro
- index.astro
- index.astro
- versions.astro
- 404.astro
- [...alias].astro
- examples.astro
- index.astro
- robots.txt.ts
- algolia-plugin.js
- stackblitz-plugin.js
- _ads.scss
- _anchor.scss
- _brand.scss
- _buttons.scss
- _callouts.scss
- _clipboard-js.scss
- _colors.scss
- _component-examples.scss
- _content.scss
- _footer.scss
- _layout.scss
- _masthead.scss
- _navbar.scss
- _placeholder-img.scss
- _scrolling.scss
- _search.scss
- _sidebar.scss
- _skippy.scss
- _syntax.scss
- _toc.scss
- _variables.scss
- docs.scss
- docs_search.scss
- auto-import.d.ts
- window.d.ts
- env.d.ts
- bootstrap-logo-black.svg
- bootstrap-logo-shadow.png
- bootstrap-logo-shadow@2x.png
- bootstrap-logo-white.svg
- bootstrap-logo.svg
- bootstrap-social.png
- album-rtl.png
- album-rtl@2x.png
- album.png
- album@2x.png
- badges.png
- badges@2x.png
- blog-rtl.png
- blog-rtl@2x.png
- blog.png
- blog@2x.png
- breadcrumbs.png
- breadcrumbs@2x.png
- buttons.png
- buttons@2x.png
- carousel-rtl.png
- carousel-rtl@2x.png
- carousel.png
- carousel@2x.png
- cheatsheet-rtl.png
- cheatsheet-rtl@2x.png
- cheatsheet.png
- cheatsheet@2x.png
- checkout-rtl.png
- checkout-rtl@2x.png
- checkout.png
- checkout@2x.png
- cover.png
- cover@2x.png
- dashboard-rtl.png
- dashboard-rtl@2x.png
- dashboard.png
- dashboard@2x.png
- dropdowns.png
- dropdowns@2x.png
- features.png
- features@2x.png
- footers.png
- footers@2x.png
- grid.png
- grid@2x.png
- headers.png
- headers@2x.png
- heroes.png
- heroes@2x.png
- jumbotron.png
- jumbotron@2x.png
- jumbotrons.png
- jumbotrons@2x.png
- list-groups.png
- list-groups@2x.png
- masonry.png
- masonry@2x.png
- modals.png
- modals@2x.png
- navbar-bottom.png
- navbar-bottom@2x.png
- navbar-fixed.png
- navbar-fixed@2x.png
- navbar-static.png
- navbar-static@2x.png
- navbars-offcanvas.png
- navbars-offcanvas@2x.png
- navbars.png
- navbars@2x.png
- offcanvas-navbar.png
- offcanvas-navbar@2x.png
- pricing.png
- pricing@2x.png
- product.png
- product@2x.png
- sidebars.png
- sidebars@2x.png
- sign-in.png
- sign-in@2x.png
- starter-template.png
- starter-template@2x.png
- sticky-footer-navbar.png
- sticky-footer-navbar@2x.png
- sticky-footer.png
- sticky-footer@2x.png
- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- manifest.json
- safari-pinned-tab.svg
- bootstrap-parcel.png
- bootstrap-parcel@2x.png
- bootstrap-vite.png
- bootstrap-vite@2x.png
- bootstrap-webpack.png
- bootstrap-webpack@2x.png
- parcel-dev-server-bootstrap.png
- parcel-dev-server.png
- vite-dev-server-bootstrap.png
- vite-dev-server.png
- webpack-dev-server-bootstrap.png
- webpack-dev-server.png
- bootstrap-icons.png
- bootstrap-icons@2x.png
- bootstrap-intellisense-autocomplete.png
- bootstrap-themes-collage.png
- bootstrap-themes-collage@2x.png
- bootstrap-themes.png
- bootstrap-themes@2x.png
- parcel.png
- vite.svg
- webpack.svg
- color-modes.js
- validate-forms.js
- CNAME
- sw.js
- .prettierrc.json
- astro.config.ts
- postcss.config.cjs
- tsconfig.json
- .babelrc.js
- .browserslistrc
- .bundlewatch.config.json
- .cspell.json
- .editorconfig
- .eslintignore
- .eslintrc.json
- .gitattributes
- .gitignore
- .ncurc.json
- .nvmrc
- .prettierignore
- .stylelintignore
- .stylelintrc.json
- CODE_OF_CONDUCT.md
- composer.json
- config.yml
- LICENSE
- package-lock.json
- package.js
- package.json
- README.md
- SECURITY.md
# Installation Guide
1. Get the code
git clone https://github.com/twbs/bootstrap
Downloads the entire project code from GitHub to your computer.
cd bootstrap
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
3. PHP (Composer)
EasyPrerequisites
composer install
Installs the PHP libraries listed in composer.json.
Run it with a built-in server like php -S localhost:8000, then open http://localhost:8000 in your browser.
// repository documentation
Was this content helpful?
(0 ratings)
