--- title: Get started with Bootstrap description: Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes. aliases: - "/docs/[[config:docs_version]]/getting-started/" - "/docs/getting-started/" - "/getting-started/" toc: true --- ## Quick start Get started by including Bootstrap’s production-ready CSS and JavaScript via CDN without the need for any build steps. See it in practice with this [Bootstrap CodePen demo](https://codepen.io/team/bootstrap/pen/qBamdLj).
1. **Create a new `index.html` file in your project root.** Include the `` tag as well for [proper responsive behavior](https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag) in mobile devices. ```html Bootstrap demo

Hello, world!

``` 2. **Include Bootstrap’s CSS and JS.** Place the `` tag in the `` for our CSS, and the ` ``` You can also include [Popper](https://popper.js.org/docs/v2/) and our JS separately. If you don’t plan to use dropdowns, popovers, or tooltips, save some kilobytes by not including Popper. ```html ``` 3. **Hello, world!** Open the page in your browser of choice to see your Bootstrapped page. Now you can start building with Bootstrap by creating your own [layout]([[docsref:/layout/grid]]), adding dozens of [components]([[docsref:/components/buttons]]), and utilizing [our official examples]([[docsref:/examples]]). ## CDN links As reference, here are our primary CDN links. | Description | URL | | --- | --- | | CSS | `[[config:cdn.css]]` | | JS | `[[config:cdn.js_bundle]]` | You can also use the CDN to fetch any of our [additional builds listed in the Contents page]([[docsref:/getting-started/contents]]). When using CDN links, be sure to use the `integrity` attribute to verify the correct files and versions. These hashes are unique to each file and version of Bootstrap, so when you update to a new version, be sure the `integrity` attribute is also updated. We also include a `crossorigin="anonymous"` attribute to prevent [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) errors. ## Next steps - Read a bit more about some [important global environment settings](#important-globals) that Bootstrap utilizes. - Read about what’s included in Bootstrap in our [contents section]([[docsref:/getting-started/contents/]]) and the list of [components that require JavaScript](#js-components) below. - Need a little more power? Consider building with Bootstrap by [including the source files via package manager]([[docsref:/getting-started/download#package-managers]]). - Looking to use Bootstrap as a module with `