Bootstrap Code Play

透過 Bootstrap 課程學習響應式網頁設計，課程內容可編輯和預覽。 Bootstrap Code Play 將講解、範例程式碼和 Playground 連接起來，讓您可以探索標記變更如何影響頁面。

閱讀、修改、預覽

選擇主題，閱讀其工作原理，然後點擊「嘗試」在編輯器中開啟範例。變更類別、調整內容或新增元素。打開“預覽”查看結果，然後返回“代碼”進行另一個實驗。

學習建構模組

練習響應式網格、排版、按鈕、提示框、表格和表單。在相關的學習路徑中探索卡片、導覽列、手風琴和對話框等組件。引導式課程包含步驟、挑戰和常見錯誤，可幫助您理解程式碼，而不僅僅是複製貼上。專案課程將概念整合到定價部分和簡潔儀表板等範例中。

選擇學習路徑

您可以學習內建的 Bootstrap 5.3.8 學習路徑，也可以探索 Bootstrap 4.6.2 和 3.4.1 的舊版專案。舊版本已停止維護，僅供學習和遷移之用。單獨的 Bootstrap 6 alpha 學習路徑尚處於實驗階段；其預覽需要網路連接和現代 WebView。

持續練習

搜尋主題或按類別瀏覽。標記課程完成情況，並查看每個版本的完成次數。開啟 Playground 進行您自己的 HTML 實驗，儲存文件，並透過「已儲存的文件」返回到該文件。

使用實用工具進行編輯

在處理範例時，可以使用語法高亮、撤銷和重做、尋找和取代以及跳到指定行等功能。 「另存為」功能會保留一份單獨的副本，「共享程式碼」功能會將編輯器中的文字透過可用的共用選項傳送出去。

對於學生、自學者和重新學習響應式佈局的開發者來說，該應用程式提供了一個實用的循環：閱讀說明，進行少量更改，然後查看輸出結果。

該應用程式包含廣告。引用外部資源的範例需要網路連線；遠端資源的可用性可能有所不同。