Bootstrap is probably the most popular [[HTML]], [[CSS]] and [[JavaScript]] library in the world. ## Features of Bootstrap ### Layout Bootstrap employs a [grid system](https://getbootstrap.com/docs/5.2/layout/grid/) to make design easy. The grid system uses containers, rows and columns to layout and align content. When developing applications with Bootstrap, you will create containers and then build grids within the containers. You can also specify how the containers and grid should look on different sized screens for a responsive design. ### Components The power of Bootstrap lies in the pre-defined Components that are available for use. You can quickly create navigation bars, buttons, alerts and other functionality on your web app by copy/pasting the code for each component into your app's files. ### Forms Bootstrap also has pre-defined form controls to easily create forms or otherwise capture user input in your app. Select boxes, check boxes, radio controls, text input and others are all available in Bootstrap. However, some form controls like a date picker are not available on Bootstrap. See Extending Bootstrap below for what to do when the component or control you need is not available. ### Extending Bootstrap You may want to extend bootstrap by customizing styles like fonts or accessing new components like a date picker. #### Customizing styles To customize styles, create a new CSS file in your project and import it *after* you include the Bootstrap CSS. #### Additional components You can find additional components on the web by searching for what you need. You may be able to include the files by CDN or you may need to include the entire file(s) in your project. Be careful that you don't use components that might create vulnerabilities in your application. > [!Tip]- Additional Resources > [Hacker Themes](https://hackerthemes.com/bootstrap-cheatsheet/)