Bootstrap 繁體中文文件
Bootstrap 繁體中文文件 是 Bootstrap 5 官方文件的繁體中文翻譯。
前往文件 →專案說明
此翻譯專案將 Bootstrap 官方文件翻譯成繁體中文，讓開發者能夠更容易地學習和使用 Bootstrap 框架。翻譯範圍涵蓋完整的 108 篇 MDX 文件、8 篇 Callout 文件、4 篇 Shortcode 文件，以及所有 UI 元件與資料檔案。
翻譯原則
術語在地化
使用繁體中文慣用術語，例如：
| 英文 | 繁體中文 |
|---|---|
| Component | 元件 |
| File | 檔案 |
| Default | 預設 |
| Plugin | 外掛 |
| Modal | 互動視窗 |
| Layout | 版面配置 |
| Grid | 格線系統 |
| Breakpoint | 中斷點 |
| Utilities | 通用類別 |
保留專有名詞
以下技術名詞維持英文：
- CSS 相關：Flexbox、CSS Grid、Media queries
- CSS 偽類：Root、Focus、Hover
- 技術名稱：Bootstrap、Sass、npm、Webpack、Vite、Parcel
標點符號
使用全形標點符號（，。、；：「」）
翻譯內容
文件章節（108 篇）
| 章節 | 文件數量 | 內容說明 |
|---|---|---|
| Getting Started | 13 篇 | 介紹、下載、瀏覽器支援、JavaScript、建置工具等 |
| Components | 24 篇 | 手風琴、警告訊息、按鈕、卡片、輪播、互動視窗、導覽列等 |
| Forms | 9 篇 | 表單控制、核取方塊、下拉選擇、浮動標籤、表單驗證等 |
| Layout | 8 篇 | 中斷點、容器、格線系統、欄、間隔、CSS Grid 等 |
| Utilities | 20 篇 | 通用類別 API、背景、邊框、顏色、Flexbox、間距、文字等 |
| Customize | 8 篇 | Sass、選項、色彩、色彩模式、CSS 變數、最佳化等 |
| Content | 5 篇 | Reboot、排版、圖片、表格、Figures |
| Helpers | 12 篇 | Clearfix、顏色與背景、Focus ring、比例、堆疊等 |
| Extend | 2 篇 | 方法論、圖示 |
| About | 5 篇 | 關於 Bootstrap、團隊、品牌指南、授權條款、翻譯 |
其他文件
| 類型 | 數量 | 說明 |
|---|---|---|
| Callouts | 8 篇 | 提示框、警告訊息等可重用片段 |
| Shortcodes | 4 篇 | data 屬性說明、關閉功能說明等 |
| 其他 | 2 篇 | 遷移指南、文件參考 |
UI 元件
| 區域 | 檔案 | 說明 |
|---|---|---|
| 首頁 | 8 個 | 主視覺、開始使用、Sass 客製化、CSS 變數、元件與通用類別、JavaScript 外掛、Bootstrap Icons |
| 導覽列 | 4 個 | 主導覽、跳轉連結、版本選擇器、主題切換器 |
| 頁尾 | 1 個 | 頁尾連結、指南、專案、社群 |
| 獨立頁面 | 2 個 | 版本頁面、範例頁面 |
資料檔案
| 檔案 | 說明 |
|---|---|
sidebar.yml | 側邊欄標題（中英對照） |
plugins.yml | 12 個外掛說明 |
docs-versions.yml | 5 個版本群組說明 |
examples.yml | 7 個類別、50+ 個範例說明 |
config.yml | 網站標題、描述、作者等 |
術語對照表
程式設計術語
| 英文 | 繁體中文 |
|---|---|
| Function | 函式 |
| Variable | 變數 |
| Object | 物件 |
| Array | 陣列 |
| Module | 模組 |
| Debug | 除錯 |
UI 元件術語
| 英文 | 繁體中文 |
|---|---|
| Modal | 互動視窗 |
| Dropdown | 下拉選單 |
| Navbar | 導覽列 |
| Sidebar | 側邊欄 |
| Toast | 通知訊息 |
| Spinner | 載入指示器 |
| Offcanvas | 側邊面板 |
| Tab | 分頁 |
表單術語
| 英文 | 繁體中文 |
|---|---|
| Checkbox | 核取方塊 |
| Radio | 單選按鈕 |
| Select | 下拉選擇 |
| Validation | 驗證 |
| Disabled | 停用 |
| Switch | 切換開關 |
版面配置術語
| 英文 | 繁體中文 |
|---|---|
| Layout | 版面配置 |
| Grid | 格線系統 |
| Responsive | 響應式 |
| Breakpoint | 中斷點 |
| Margin | 外距 |
| Padding | 內距 |
| Gutter | 間隔 |
適合對象
- 前端開發者
- 想學習 Bootstrap 的初學者
- 需要快速參考 Bootstrap 文件的開發者
- 偏好閱讀中文文件的開發者