Bootstrap 是一個開源的前端框架，用於網頁和Web應用程序的設計和開發。 它最初由Twitter團隊開發，並於2011年首次釋放，後來成為一個獨立的項目，由全球的開發者社區維護和支持。 Bootstrap的目標是讓網頁和Web應用程序的設計和開發過程更加簡單、快速和一致。
以下是Bootstrap的一些主要特點和概念：
1.響應式設計：Bootstrap支持響應式網页設計，可以適應不同大小和解析度的屏幕，使您的網頁在桌面、平板和移動設備上都能良好顯示。
2.網格系統：Bootstrap提供了一個強大的網格系統，用於排列和布局網頁元素。 這使得網頁的排版更加靈活和容易控制，並支持多種列和行的組合。
3.預製元件：Bootstrap包括了大量的預製UI元件，如按鈕、表格、表單、導航菜單、模態對話框、警告框等。 這些元件可以快速集成到您的網頁或應用程序中，節省了開發時間。
4.自定義主題：您可以根據項目的需求輕松自定義Bootstrap的外觀和風格。 Bootstrap提供了一個變數和Sass（一種CSS預處理器）支持，使您可以定義自己的顏色、字體和其他設計參數。
5.插件支持：Bootstrap擁有龐大的第三方插件生態系統，可以擴展其功能，包括圖片輪播、日期選擇器、模態對話框等等。
首先要先去bootstrap官網https://bootstrap5.hexschool.com/docs/5.0/getting-started/introduction/
把<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">貼到<head> 中，以便載入 Bootstrap 的CSS。
第二，還要把<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>也是整個貼到<head>中，只要將這兩個連結貼到你的html裡就能使用裡面所有的樣式。
iThome鐵人賽
看影片追技術