選單
×
我的 W3Schools 獲取證書 雲空間 教師版 Plus 獲取證書 雲空間 教師版 Plus
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Bootstrap 示例

❮ 上一頁 下一頁 ❯

Bootstrap 入門

容器 流式容器

Examples explained

Bootstrap 網格基礎

三個等寬列 兩個不等寬列

Examples explained

Bootstrap 排版

標題 <h1> 到 <h6> <small> 元素 <mark> 元素 <abbr> 元素 <blockquote> 元素 反向引用塊 <dl> 元素 <code> 元素 <kbd> 元素 <pre> 元素 情景文字顏色 情景背景顏色

Examples explained

Bootstrap 表格

基礎表格 條紋行 帶邊框表格 懸停行 緊湊表格 情景類 響應式表格

Examples explained

Bootstrap 影像

圓角影像 圓形影像 縮圖 響應式影像 圖片庫 響應式嵌入

Examples explained

Bootstrap Jumbotron

容器內的 Jumbotron 容器外的 Jumbotron 建立頁面標題

Examples explained

Bootstrap Wells

基礎 Well Well 大小

Examples explained

Bootstrap 警告

警告框 關閉警告框 帶動畫的警告框

Examples explained

Bootstrap 按鈕

按鈕樣式 按鈕標籤 按鈕大小 塊級按鈕 啟用/停用按鈕

Examples explained

Bootstrap 按鈕組

按鈕組 按鈕組大小 垂直按鈕組 兩端對齊的按鈕組 兩端對齊的按鈕組 2 巢狀按鈕組和下拉選單 分裂式按鈕

Examples explained

Bootstrap 字型圖示

Glyphicons

Examples explained

Bootstrap 徽章和標籤

徽章 按鈕內的徽章 標籤 情景標籤

Examples explained

Bootstrap 進度條

進度條 帶標籤的進度條 彩色進度條 條紋進度條 動畫進度條 堆疊進度條

Examples explained

Bootstrap 分頁

分頁 啟用的分頁連結 停用的分頁連結 分頁大小 麵包屑導航

Examples explained

Bootstrap 分頁器

分頁器 對齊按鈕

Examples explained

Bootstrap 列表組

列表組 帶徽章的列表組 帶連結的列表組 啟用的列表項 停用的列表項 情景類 自定義內容

Examples explained

Bootstrap 面板

面板 面板標題 面板頁尾 面板組 情景面板類

Examples explained

Bootstrap 下拉選單

下拉選單 下拉選單分隔線 下拉選單標題 停用的下拉選單項 右對齊的下拉選單 上拉選單 下拉選單可訪問性

Examples explained

Bootstrap 摺疊

可摺疊按鈕 可摺疊連結 可摺疊“in”（預設顯示） 可摺疊面板 可摺疊列表組 手風琴

Examples explained

Bootstrap 標籤頁和膠囊式標籤頁

內聯列表 標籤頁 帶下拉選單的標籤頁 膠囊式標籤頁 垂直膠囊式標籤頁 行內垂直膠囊式標籤頁 帶下拉選單的膠囊式標籤頁 居中的標籤頁和膠囊式標籤頁 可切換/動態標籤頁 可切換/動態膠囊式標籤頁

Examples explained

Bootstrap 導航欄

導航欄 反色導航欄 固定頂部導航欄 固定底部導航欄 帶下拉選單的導航欄 右對齊的導航欄 可摺疊導航欄

Examples explained

Bootstrap 表單

垂直表單 內聯表單 無標籤的內聯表單 水平表單

Examples explained

Bootstrap 輸入框

輸入框 文字域 複選框 內聯複選框 單選按鈕 內聯單選按鈕 選擇選單

Examples explained

Bootstrap 輸入框 2

靜態控制元件 控制元件狀態 內聯表單：控制元件狀態

Examples explained

Bootstrap 輸入框大小

輸入框大小 輸入框大小水平標籤 輸入框寬度（列） 輸入框幫助文字

Examples explained

Bootstrap 媒體物件

左右對齊的媒體物件 頂、中、底對齊的媒體物件 巢狀的媒體物件 巢狀的媒體物件 II

Examples explained

Bootstrap 輪播

輪播 帶標題的幻燈片

Examples explained

Bootstrap 模態框

模態框 小型模態框 大型模態框

Examples explained

Bootstrap 工具提示

工具提示 定位工具提示

Examples explained

Bootstrap 彈出框

彈出框 定位彈出框 可關閉的彈出框 懸停觸發的彈出框

Examples explained

Bootstrap 滾動監聽

水平滾動監聽 垂直滾動監聽

Examples explained

Bootstrap 附加導航

水平附加導航 垂直附加導航 滾動監聽和附加導航（水平） 滾動監聽和附加導航（垂直）

Examples explained

Bootstrap 過濾器

過濾表格 過濾列表 過濾下拉選單 過濾任何內容

Examples explained

Bootstrap 網格：堆疊到水平

堆疊到水平的網格 帶流式容器的堆疊到水平網格

Examples explained

Bootstrap 網格：小型裝置

小型網格 小型網格

Examples explained

Bootstrap 網格：中型裝置

中型網格 中型網格 2

Examples explained

Bootstrap 網格：大型裝置

中型網格 中型網格 2

Examples explained

Bootstrap 網格示例

三個等寬列 三個不等寬列 兩個不等寬列 兩列帶兩個巢狀列 混合列：移動裝置和桌面 混合列：移動裝置、平板和桌面 清除浮動 偏移列 Push 和 Pull - 更改列順序

Examples explained


❮ 上一頁 下一頁 ❯
PLUS
空格
獲取證書
面向教師
面向企業
聯絡我們
×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業，請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤，或想提出建議，請傳送電子郵件給我們
help@w3schools.com

熱門教程
HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程
熱門參考
HTML 參考
CSS 參考
JavaScript 參考
SQL 參考
Python 參考
W3.CSS 參考
Bootstrap 參考
PHP 參考
HTML 顏色
Java 參考
Angular 參考
jQuery 參考
熱門示例
HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例
獲取證書
 HTML 證書
CSS 證書
JavaScript 證書
前端證書
SQL 證書
Python 證書
PHP 證書
jQuery 證書
Java 證書
C++ 證書
C# 證書
XML 證書
論壇 關於 學院
W3Schools 經過最佳化，旨在方便學習和培訓。示例可能經過簡化，以提高閱讀和學習體驗。
教程、參考資料和示例會不斷審查，以避免錯誤，但我們無法保證所有內容的完全正確性。
使用 W3Schools 即表示您已閱讀並接受我們的使用條款、Cookie 和隱私政策。

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援。