# Bootstrap | Sleek, Intuitive, Powerful Frontend Framework For Faster And Easier Web Development

**URL:** <https://onehack.st/t/bootstrap-sleek-intuitive-powerful-frontend-framework-for-faster-and-easier-web-development/288825>\
**Category:** Tools & Scripts\
**Tags:** programming, freebies\
**Created:** [August 11, 2024, 9:24pm UTC](https://onehack.st/t/bootstrap-sleek-intuitive-powerful-frontend-framework-for-faster-and-easier-web-development/288825 "2024-08-11T21:24:10Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aina](https://onehack.st/user_avatar/onehack.st/aina/32/167469_2.png) [@Aina](https://onehack.st/u/Aina)\
**Post date:** [August 11, 2024, 9:24pm UTC](https://onehack.st/t/bootstrap-sleek-intuitive-powerful-frontend-framework-for-faster-and-easier-web-development/288825/1 "2024-08-11T21:24:10Z")

</div>

![image](https://onehack.st/uploads/default/original/3X/4/c/4cad10bb1858f75c1cac84bbbdda72583b64d8b1.jpeg)

### Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.  
[**Explore Bootstrap docs »**](https://getbootstrap.com/docs/5.3/)

[Report bug](https://github.com/twbs/bootstrap/issues/new?assignees=-&labels=bug&template=bug_report.yml) · [Request feature](https://github.com/twbs/bootstrap/issues/new?assignees=&labels=feature&template=feature_request.yml) · [Themes](https://themes.getbootstrap.com/) · [Blog](https://blog.getbootstrap.com/)

## Bootstrap 5

Our default branch is for development of our Bootstrap 5 release. Head to the [`v4-dev` branch](https://github.com/twbs/bootstrap/tree/v4-dev) to view the readme, documentation, and source code for Bootstrap 4.

## Table of contents

- Quick start
- Status
- What’s included
- Bugs and feature requests
- Documentation
- Contributing
- Community
- Versioning
- Creators
- Thanks
- Copyright and license

## Quick start

Several quick start options are available:

- [Download the latest release](https://github.com/twbs/bootstrap/archive/v5.3.3.zip)
- Clone the repo: `git clone https://github.com/twbs/bootstrap.git`
- Install with [npm](https://www.npmjs.com/): `npm install bootstrap@v5.3.3`
- Install with [yarn](https://yarnpkg.com/): `yarn add bootstrap@v5.3.3`
- Install with [Composer](https://getcomposer.org/): `composer require twbs/bootstrap:5.3.3`
- Install with [NuGet](https://www.nuget.org/): CSS: `Install-Package bootstrap` Sass: `Install-Package bootstrap.sass`

Read the [Getting started page](https://getbootstrap.com/docs/5.3/getting-started/introduction/) for information on the framework contents, templates, examples, and more.

## Status

[![Build Status](https://camo.githubusercontent.com/9714a895e7e8bee888eee5d57ae152430d2a44b24fd8deb2109b762f0e2af1ce/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f747762732f626f6f7473747261702f6a732e796d6c3f6272616e63683d6d61696e266c6162656c3d4a532532305465737473266c6f676f3d676974687562)](https://github.com/twbs/bootstrap/actions/workflows/js.yml?query=workflow%3AJS+branch%3Amain) [![npm version](https://camo.githubusercontent.com/4f246b71e771f7553bda7614cb013e139a55e51d9f6df8f7f0e7cccc611712d5/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f626f6f7473747261703f6c6f676f3d6e706d266c6f676f436f6c6f723d666666)](https://www.npmjs.com/package/bootstrap) [![Gem version](https://camo.githubusercontent.com/0d9eff456042cb175d209f5f9135ddc69aa34af1ef2a158c23b5b287ad62ec22/68747470733a2f2f696d672e736869656c64732e696f2f67656d2f762f626f6f7473747261703f6c6f676f3d7275627967656d73266c6f676f436f6c6f723d666666)](https://rubygems.org/gems/bootstrap) [![Meteor Atmosphere](https://camo.githubusercontent.com/42f90d1029e6e9c4f87dcaf9208c79d717f5829a34dad84e4b210be95993580e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d6574656f722d74776273253341626f6f7473747261702d626c75653f6c6f676f3d6d6574656f72266c6f676f436f6c6f723d666666)](https://atmospherejs.com/twbs/bootstrap) [![Packagist Prerelease](https://camo.githubusercontent.com/4e5f186b48f069902fdcf504da1437d08b0ce98ea5691cd79548381c1ee4de84/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f767072652f747762732f626f6f7473747261703f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d666666)](https://packagist.org/packages/twbs/bootstrap) [![NuGet](https://camo.githubusercontent.com/e1bee84a55f56e007549e637ae45b88526ee2d6af3c01c6265586cdfac6ddd82/68747470733a2f2f696d672e736869656c64732e696f2f6e756765742f767072652f626f6f7473747261703f6c6f676f3d6e75676574266c6f676f436f6c6f723d666666)](https://www.nuget.org/packages/bootstrap/absoluteLatest) [![Coverage Status](https://camo.githubusercontent.com/0d78b3fdd1cc1d68ef760d839329ae5cce1bffcf8693fb324ada97022d278f27/68747470733a2f2f696d672e736869656c64732e696f2f636f766572616c6c732f6769746875622f747762732f626f6f7473747261702f6d61696e3f6c6f676f3d636f766572616c6c73266c6f676f436f6c6f723d666666)](https://coveralls.io/github/twbs/bootstrap?branch=main) [![CSS gzip size](https://camo.githubusercontent.com/c6de0399725765512b5737567cda420d7f4cf24c607448c8019a3a5b8d1da53b/68747470733a2f2f696d672e626164676573697a652e696f2f747762732f626f6f7473747261702f6d61696e2f646973742f6373732f626f6f7473747261702e6d696e2e6373733f636f6d7072657373696f6e3d677a6970266c6162656c3d435353253230677a697025323073697a65)](https://github.com/twbs/bootstrap/blob/main/dist/css/bootstrap.min.css) [![CSS Brotli size](https://camo.githubusercontent.com/011ada2029aa40b2709d1475d4eba32fdf18f6c84d97b9fd2a939f467fbd13f1/68747470733a2f2f696d672e626164676573697a652e696f2f747762732f626f6f7473747261702f6d61696e2f646973742f6373732f626f6f7473747261702e6d696e2e6373733f636f6d7072657373696f6e3d62726f746c69266c6162656c3d43535325323042726f746c6925323073697a65)](https://github.com/twbs/bootstrap/blob/main/dist/css/bootstrap.min.css) [![JS gzip size](https://camo.githubusercontent.com/1e1fc95bc07fe903dd67e71382a221f06b3ea320bc6b15a8193a9baae9136f95/68747470733a2f2f696d672e626164676573697a652e696f2f747762732f626f6f7473747261702f6d61696e2f646973742f6a732f626f6f7473747261702e6d696e2e6a733f636f6d7072657373696f6e3d677a6970266c6162656c3d4a53253230677a697025323073697a65)](https://github.com/twbs/bootstrap/blob/main/dist/js/bootstrap.min.js) [![JS Brotli size](https://camo.githubusercontent.com/35903bc53a1011498b70fcd4c2288b8356a1b01ac73a28d0ee158b0e151ec222/68747470733a2f2f696d672e626164676573697a652e696f2f747762732f626f6f7473747261702f6d61696e2f646973742f6a732f626f6f7473747261702e6d696e2e6a733f636f6d7072657373696f6e3d62726f746c69266c6162656c3d4a5325323042726f746c6925323073697a65)](https://github.com/twbs/bootstrap/blob/main/dist/js/bootstrap.min.js) [![Backers on Open Collective](https://camo.githubusercontent.com/72710b950be73188664d73b19404035d018ae4d6ea24e8c5846e4c49758ad250/68747470733a2f2f696d672e736869656c64732e696f2f6f70656e636f6c6c6563746976652f6261636b6572732f626f6f7473747261703f6c6f676f3d6f70656e636f6c6c656374697665266c6f676f436f6c6f723d666666)](https://github.com/twbs/bootstrap#backers) [![Sponsors on Open Collective](https://camo.githubusercontent.com/f69302625d4b1320eb8d79d96fe71909922d6d710fef7ef21aa781289e74d92e/68747470733a2f2f696d672e736869656c64732e696f2f6f70656e636f6c6c6563746976652f73706f6e736f72732f626f6f7473747261703f6c6f676f3d6f70656e636f6c6c656374697665266c6f676f436f6c6f723d666666)](https://github.com/twbs/bootstrap#sponsors)

## What’s included

Within the download you’ll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

Download contents

```auto
bootstrap/
├── css/
│ ├── 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
└── js/
    ├── 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

```

We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). [Source maps](https://web.dev/articles/source-maps) (`bootstrap.*.map`) are available for use with certain browsers’ developer tools. Bundled JS files (`bootstrap.bundle.js` and minified `bootstrap.bundle.min.js`) include [Popper](https://popper.js.org/docs/v2/).

## Bugs and feature requests

Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/twbs/bootstrap/blob/main/.github/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/twbs/bootstrap/issues/new/choose).

## Documentation

Bootstrap’s documentation, included in this repo in the root directory, is built with [Hugo](https://gohugo.io/) and publicly hosted on GitHub Pages at [https://getbootstrap.com/](https://getbootstrap.com/). The docs may also be run locally.

Documentation search is powered by [Algolia’s DocSearch](https://docsearch.algolia.com/).

### Running documentation locally

1. Run `npm install` to install the Node.js dependencies, including Hugo (the site builder).
2. Run `npm run test` (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
3. From the root `/bootstrap` directory, run `npm run docs-serve` in the command line.
4. Open `http://localhost:9001/` in your browser, and voilà.

Learn more about using Hugo by reading its [documentation](https://gohugo.io/documentation/).

### Documentation for previous releases

You can find all our previous releases docs on [https://getbootstrap.com/docs/versions/](https://getbootstrap.com/docs/versions/).

[Previous releases](https://github.com/twbs/bootstrap/releases) and their documentation are also available for download.

## Community

Get updates on Bootstrap’s development and chat with the project maintainers and community members.

- Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap).
- Read and subscribe to [The Official Bootstrap Blog](https://blog.getbootstrap.com/).
- Ask questions and explore [our GitHub Discussions](https://github.com/twbs/bootstrap/discussions).
- Discuss, ask questions, and more on [the community Discord](https://discord.gg/bZUvakRU3M) or [Bootstrap subreddit](https://www.reddit.com/r/bootstrap/).
- Chat with fellow Bootstrappers in IRC. On the `irc.libera.chat` server, in the `#bootstrap` channel.
- Implementation help may be found at Stack Overflow (tagged [`bootstrap-5`](https://stackoverflow.com/questions/tagged/bootstrap-5)).
- Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability.

## Copyright and license

Code and documentation copyright 2011–2024 the [Bootstrap Authors](https://github.com/twbs/bootstrap/graphs/contributors). Code released under the [MIT License](https://github.com/twbs/bootstrap/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

[GitHub Repo](https://github.com/twbs/bootstrap)

# ENJOY & HAPPY LEARNING! ❤

Appreciate the share & feedback!
