bootstrap-layout
✓當用戶詢問 Bootstrap 網格系統、Bootstrap 容器、Bootstrap 斷點、Bootstrap 列、Bootstrap 行、Bootstrap 裝訂線、Bootstrap 響應式佈局、Bootstrap CSS 網格、Bootstrap z 索引、Bootstrap 行列、Bootstrap 偏移類、Bootstrap 列排序、如何使用 Bootstrap 創建響應式佈局、如何使用 Bootstrap 網格、Bootstrap 列大小調整、Bootstrap 時，應使用此技能自動佈局列，或者需要 Bootstrap 頁面佈局和響應能力方面的幫助。
SKILL.md
Bootstrap's layout system is built on flexbox and provides a powerful 12-column grid for creating responsive layouts. This skill covers containers, the grid system, breakpoints, and layout utilities.
| Extra small | None | <576px | | Small | sm | ≥576px | | Medium | md | ≥768px | | Large | lg | ≥992px | | Extra large | xl | ≥1200px | | Extra extra large | xxl | ≥1400px |
| | xs ≥576px | md ≥768px | lg ≥992px | xl ≥1200px | xxl ≥1400px |
當用戶詢問 Bootstrap 網格系統、Bootstrap 容器、Bootstrap 斷點、Bootstrap 列、Bootstrap 行、Bootstrap 裝訂線、Bootstrap 響應式佈局、Bootstrap CSS 網格、Bootstrap z 索引、Bootstrap 行列、Bootstrap 偏移類、Bootstrap 列排序、如何使用 Bootstrap 創建響應式佈局、如何使用 Bootstrap 網格、Bootstrap 列大小調整、Bootstrap 時，應使用此技能自動佈局列，或者需要 Bootstrap 頁面佈局和響應能力方面的幫助。 來源：sjnims/bootstrap-expert。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/sjnims/bootstrap-expert --skill bootstrap-layout- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-04
- 更新時間
- 2026-02-18
快速解答
什麼是 bootstrap-layout？
當用戶詢問 Bootstrap 網格系統、Bootstrap 容器、Bootstrap 斷點、Bootstrap 列、Bootstrap 行、Bootstrap 裝訂線、Bootstrap 響應式佈局、Bootstrap CSS 網格、Bootstrap z 索引、Bootstrap 行列、Bootstrap 偏移類、Bootstrap 列排序、如何使用 Bootstrap 創建響應式佈局、如何使用 Bootstrap 網格、Bootstrap 列大小調整、Bootstrap 時，應使用此技能自動佈局列，或者需要 Bootstrap 頁面佈局和響應能力方面的幫助。 來源：sjnims/bootstrap-expert。
如何安裝 bootstrap-layout？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/sjnims/bootstrap-expert --skill bootstrap-layout 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/sjnims/bootstrap-expert
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-04