bootstrap exercises tutorial

Bootstrap練習教程在4Geeks Academy

你好！我是Alejandro Sanchez @Alesanchezr，我很高興能將您帶到這裡！ ？ ？學習編碼很難；您需要教練！如果您有任何疑問，請在Twitter上DM我。您將學習以下概念：

您將學習以下概念：

1. 如何將引導程序應用於您的網站。

2. 從您的網站中選擇HTML元素以應用Bootstrap樣式。

3. 將引導類別應用於這些元素。

4. 使用最受歡迎的自舉規則。

5. 學習最受歡迎的引導技巧。

在開始之前...其他相關教程

1. 學習HTML
2. 學習HTML表格
3. 學習CSS
4. 學習CSS佈局
5. 學習Bootstrap←您現在在這裡

完全選擇自動CSS練習，任何對學習CSS感興趣的人！

一鍵安裝（建議）：

您可以在短短幾秒鐘內通過單擊：在代碼方面打開（推薦）或在GitPod中打開這些練習。

一旦打開VSCODE，LearnPack練習就應該自動啟動。如果練習沒有自動$ learnpack start

本地安裝：

克隆您本地環境中的存儲庫，並按照以下步驟操作：

1. 安裝LearningPack，用於學習教程的軟件包管理器和用於LearnPack的節點編譯器插件，請確保您還具有node.js 14+：

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. 使用LearnPack和cd下載這些特定的練習到該文件夾​​：

$ learnpack download bootstrap-exercises-tutorial
$ cd bootstrap-exercises-tutorial

注意：完成下載後，您將找到一個“練習”文件夾，其中包含其中的所有練習。

3. 通過在您的Learn.json文件的同一級別上運行以下命令來啟動教程/練習：

$ npm i [email protected] -g
$ learnpack start

練習如何組織？

每個練習都是一個包含以下文件的小型React應用程序：

1. index.html：表示整個練習的輸入文件。
2. readme.md：包含練習說明。
3. test.js：您不必打開此文件，它包含練習的測試腳本。

注意：練習具有自動分級，但這是非常僵化和嚴格的，我的建議是不要對測試進行過於嚴肅，而只將其用作建議，否則您可能會感到沮喪。

貢獻者

謝謝這些好人（表情符號鑰匙）：

1. 亞歷杭德羅·桑切斯（Alejandro Sanchez）（alesanchezr），貢獻：（編碼器）（indue）？，（構建測試）配x ，（pull-requreqes-review）？ （構建教程）✅（文檔）

該項目遵循全企業規範。歡迎任何形式的貢獻！

這項和許多其他練習是由學生製作的，作為AlejandroSánchez和許多其他貢獻者的4Geeks Academy編碼訓練營的一部分。了解有關我們完整的堆棧開發人員課程和數據科學訓練營的更多信息。