Notes On ...

Bootstrap

Bootstrap is a batteries-included, feature-packed frontend toolkit. It provides prebuilt components to speed up web development. It is built with Sass 🗒️, and therefore highly extensible / customizable.

Install

# with npm
npm i bootstrap@5.2.3

or from a CDN:

<!-- in head tag -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

<!-- in body tag -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>

Usage

Example prebuilt classes in HTML:

<!-- Example classes -->
<div class="d-flex flex-col my-3">
  <h1 class="fw-bold text-center">Header</h1>
</div>

Icons

# Installation with npm
npm i bootstrap-icons

or installation from a CDN:

<!-- in head tag -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">