Bootstrap CSS Framework Sandbox

Summary

Experimenting with the most popular CSS Framwork - Bootstrap CSS library using the CDN.

• Elements
• Components
• Layout
• Helpers

CDN

Link to a couple of css files to get started.

<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
  rel="stylesheet"
  integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
  crossorigin="anonymous"
/>

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"
/>

Link to a javascript file (optional).

<script
  src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
  crossorigin="anonymous"
></script>

Tech and Tools

• CSS
• HTML
• cPanel Hosting
• Bootstrap CSS

Web Host

Demo 1 - Responsive Landing Page

• Top navigation bar
• Hero sections
• Columns with features
• Grid
• Footer

Open demonstration 1 on web server.

Link to Web Server

Demo 2 - Documentation Landing Page

• Fixed top navigation bar
• Theme toggle
• Fixed left menu
• Fixed right table of contents
• Footer

Open demonstration 2 on web server.

Link to Web Server