Bootstrapåhelps us quickly create responsive websites. It is made up of two parts: components and the grid system.
Include Bootstrap's CSS with CDN (Bootstrap's Content Delivery Network):
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
Include Bootstrap's JS with CDN:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
Componenets are prebuilt things like buttons to put into your website. Every component is enacted via classes that are predefined in the Boostrap CSS.
Some important things to know are:
- Buttons - Buttons with a bunch of categories
- Containers - responsive, fixed-width container (when you shrink window, you can see the break points and padding)
- Typography - Display Headings, lead paragraphs, blockquotes, etc.
Utilities don't stand alone, we add them onto something.
The grid systems helps you customize and create responsive layouts.