如果您致力於網頁設計或佈局，您可能有某種類型的框架來加速和減少網頁的建立時間。 Bootstrap 無疑是最受歡迎的之一。
Bootstrap 包括基於 HTML 和 CSS 的設計模板，用於建立表單、按鈕、表格、導航...以及可選的 JavaScript 插件，以改善這些元素的行為。這使您可以在當今的現代瀏覽器中實現響應式網站，並在佈局上投入盡可能少的時間。
使用這些框架需語法和使用，但在很短的時間內您將極大地減少設計和佈局過程。儘管還有其他有趣的選項，例如Materialize或Skeleton，但今天我們將重點討論 Bootstrap 是什麼以及它是如何工作的。
目錄
1 Bootstrap的優點
3.4顏色
引導程式的優點
儘管一開始，向您的網站引入新腳本似乎是一個缺點，但我向您保 澳洲 Telegram 用戶手機號碼列表 證，使用 Bootstrap 會給您帶來更多的快樂，而不是問題。下面我討論一下這個CSS框架的主要優點：
易於使用：如果您有 HTML 和 CSS 的基本知識，您可以隨時開始使用 Bootstrap。
響應式：由於 CSS，您的設計將適應任何裝置。
行動優先：它是一個遵循行動優先準則的框架。它首先是為行動裝置設計的，然後適應其他設備。
跨瀏覽器： Bootstrap 4 與所有現代瀏覽器相容（Chrome、Firefox、Internet Explorer 10+、Safari 和 Opera）。
引導安裝
要開始使用 Bootstrap，您只需將其腳本和樣式表連結到您網站的 HTML 程式碼的標題中。有兩種方法可以做到這一點：從CDN（內容交付網路）或從官方頁面下載檔案並將其新增至您網站的託管。
請記住，在 dinahosting，我們的基本託管計劃中有50 GB 的儲存空間，這足以託管此框架以及您網站所需的一切。
使用 CDN 的優點之一是網路本身負責管理離您最近的文件，以減少可能的載入時間。如果您的網站託管在 dinahosting，請不要擔心，因為我們的傳輸速率非常快，所以這對您來說不會是問題。
下載引導文件
如果您想要下載並託管 Bootstrap，只需從網站上的儲存庫下載文件，然後在 HTML 中新增託管這些文件的路徑即可。在框架網站上，他們還告訴您如何從控制台安裝它們。
從我的角度來看，這是最好的選擇，因為您將不需要依賴第三方來提供您的網站正確顯示所需的必要文件。
主要部件
Bootstrap 幾乎為網站可能需要的所有元件提供了樣式：選單、按鈕、表格、版式…一一詳細說明它們將是無窮無盡的，因此在以下部分中，我將簡要總結我所用到的那些元件。不管怎樣，如果你想看看他們提供的所有內容，他們的網站上都有完整的記錄。
引導模板
網格
在網格中工作是Bootstrap 最重要的屬性，因為它解決了在不同解析度和裝置下查看元素的問題。
那麼網格呢？設計網站時遇到的主要問題之一是不同螢幕解析度上的空間分配。通常，根據螢幕分辨率，您希望以一種或另一種方式顯示內容。
網格可讓您定義特定於每個空間和螢幕特徵的行為。
為了解決佈局問題，Bootstrap將螢幕劃分為12列的網格。這樣以後您就可以依照相關螢幕的大小自行管理這些欄位。例如，您希望某個段落在桌面顯示器上佔據一半螢幕（12/2 = 6 列），但在行動裝置上您希望它佔據整個螢幕（12 列）。這可以透過為小螢幕添加一種樣式並為其他螢幕添加另一種樣式來實現：
<div class="row">
<p class="col-sm-6 col-xs-12">