引導功能

在本系列的第二篇文章中 讓我們處理 Bootstrap 功能。 它是用於設計網站和應用程序的完整資源庫，包括用於表單、字體和菜單等的模板和元素。

在 前面的文章 我們認為，有時內容管理器不是最佳選擇，而且 從頭開始為網站編寫代碼是正確的選擇。 然而，這並不意味著我們必須重新發明輪子。 使用像 Bootstrap 這樣的框架可以大大減少設計時間，並且更容易獲得結果。

引導功能

要了解 Bootstrap 的特點，我們需要了解 網站設計的範式轉變。

當他們出現時 網站只需要適應不同尺寸的顯示器。 但是，隨著時間的推移，手機和平板電腦越來越成為用戶的首選訪問方式。 挑戰在於使頁面適應不同的屏幕，而用戶無需放大、縮小或移動內容即可看到它。

原則上採用了以下方法：

• 響應式設計： 設計是相同的，但會自動適應屏幕的大小。 這種方法存在一些問題，例如用戶可能被迫放大頁面的某些部分才能看到它們。
• 漸進式推進： 它首先為資源較少的設備設計站點（通常是手機，因為它的屏幕較小，瀏覽器對高級功能的兼容性較差，並且通常需要使用數據計劃進行連接）。 完成後，基於此設計，添加功能以獲得平板電腦、筆記本電腦和台式電腦的版本。
• 逐漸退化： 這是反向路徑。 首先創建桌面站點並刪除功能，直到獲得適合移動設備的版本。

由於添加總是比刪除更容易，因此漸進式發展是成功的趨勢。 B.例如 ootstrap 採用“移動優先”的方法，也就是說，設計的基礎始終是以最小的屏幕尺寸顯示的版本，然後，將在傳遞給隨後的尺寸時進行修改。

使用 Bootstrap 的一個額外優勢與以下事實有關： 谷歌在其搜索中優先考慮適合移動設備的網站。

我們必須考慮的另一個概念是前端和後端設計之間的差異。 前端設計負責用戶看到的所有內容以及與之交互的所有內容。 後端將服務器上所做的事情分組。 前者的一個示例是 Web 表單。 顯示一系列選項顯示為下拉菜單是前端設計，選擇的選項通過郵件發送或添加到數據庫是後端設計。

Bootstrap 是一個框架，它結合了 CSS 樣式元素和 Javascript 編程來控制渲染並為 HTML5 開發的頁面的所有組件提供交互性。

我們可以使用 Bootstrap 控制的內容包括：

• 輔助功能： 菜單或對話框等組件與屏幕閱讀器兼容或適合行動不便的人使用。
• 鈕扣： 包括度量、樣式、狀態和分組。
• 形式：  包括渲染、控件類型和輸入驗證。
• 意象：控制插入圖像的原點、對齊方式和屏幕尺寸。
• 導航元素： 例如，可隱藏的側邊欄或垂直或水平菜單，具體取決於設備。
• 排版： 控製文本不同部分的顯示方式。
• 佈局： 根據設備調整內容渲染

在下一篇文章中，我們將看到一些使用它的實際示例。