- Bootstrap 教程
- Bootstrap - 首頁
- Bootstrap - 概述
- Bootstrap - 環境設定
- Bootstrap - RTL
- Bootstrap - CSS 變數
- Bootstrap - 顏色模式
- Bootstrap 佈局
- Bootstrap - 斷點
- Bootstrap - 容器
- Bootstrap - 網格系統
- Bootstrap - 列
- Bootstrap - 間距
- Bootstrap - 實用工具
- Bootstrap - CSS 網格
- Bootstrap 元件
- Bootstrap - 手風琴
- Bootstrap - 警報
- Bootstrap - 徽章
- Bootstrap - 麵包屑
- Bootstrap - 按鈕
- Bootstrap - 按鈕組
- Bootstrap - 卡片
- Bootstrap - 輪播
- Bootstrap - 關閉按鈕
- Bootstrap - 摺疊
- Bootstrap - 下拉選單
- Bootstrap - 列表組
- Bootstrap - 模態框
- Bootstrap - 導航欄
- Bootstrap - 導航和選項卡
- Bootstrap - 側邊欄
- Bootstrap - 分頁
- Bootstrap - 佔位符
- Bootstrap - 氣泡提示
- Bootstrap - 進度條
- Bootstrap - 滾動偵聽
- Bootstrap - 載入動畫
- Bootstrap - 提示框
- Bootstrap - 工具提示
- Bootstrap 表單
- Bootstrap - 表單
- Bootstrap - 表單控制元件
- Bootstrap - 選擇框
- Bootstrap - 複選框和單選按鈕
- Bootstrap - 範圍滑塊
- Bootstrap - 輸入組
- Bootstrap - 浮動標籤
- Bootstrap - 佈局
- Bootstrap - 驗證
- Bootstrap 輔助類
- Bootstrap - 清除浮動
- Bootstrap - 顏色和背景
- Bootstrap - 彩色連結
- Bootstrap - 聚焦環
- Bootstrap - 圖示連結
- Bootstrap - 定位
- Bootstrap - 寬高比
- Bootstrap - 堆疊
- Bootstrap - 拉伸連結
- Bootstrap - 文字截斷
- Bootstrap - 垂直線
- Bootstrap - 隱藏可見性
- Bootstrap 實用工具
- Bootstrap - 背景
- Bootstrap - 邊框
- Bootstrap - 顏色
- Bootstrap - 顯示
- Bootstrap - Flexbox
- Bootstrap - 浮動
- Bootstrap - 互動
- Bootstrap - 連結
- Bootstrap - 物件適配
- Bootstrap - 不透明度
- Bootstrap - 溢位
- Bootstrap - 定位
- Bootstrap - 陰影
- Bootstrap - 尺寸
- Bootstrap - 間距
- Bootstrap - 文字
- Bootstrap - 垂直對齊
- Bootstrap - 可見性
- Bootstrap 演示
- Bootstrap - 網格演示
- Bootstrap - 按鈕演示
- Bootstrap - 導航演示
- Bootstrap - 部落格演示
- Bootstrap - 滑塊演示
- Bootstrap - 輪播演示
- Bootstrap - 頁首演示
- Bootstrap - 頁尾演示
- Bootstrap - 英雄區域演示
- Bootstrap - 特色區域演示
- Bootstrap - 側邊欄演示
- Bootstrap - 下拉選單演示
- Bootstrap - 列表組演示
- Bootstrap - 模態框演示
- Bootstrap - 徽章演示
- Bootstrap - 麵包屑演示
- Bootstrap - jumbotrons 演示
- Bootstrap-粘性頁尾演示
- Bootstrap-相簿演示
- Bootstrap-登入演示
- Bootstrap-定價演示
- Bootstrap-結賬演示
- Bootstrap-產品演示
- Bootstrap-封面演示
- Bootstrap-儀表盤演示
- Bootstrap-粘性頁尾導航欄演示
- Bootstrap-砌體佈局演示
- Bootstrap-啟動模板演示
- Bootstrap-相簿 RTL 演示
- Bootstrap-結賬 RTL 演示
- Bootstrap-輪播 RTL 演示
- Bootstrap-部落格 RTL 演示
- Bootstrap-儀表盤 RTL 演示
- Bootstrap 有用資源
- Bootstrap - 常見問題解答
- Bootstrap - 快速指南
- Bootstrap - 有用資源
- Bootstrap - 討論
Bootstrap - 輪播 RTL 演示
概述
RTL 代表“從右到左”，指的是書寫方向。
其中一些語言包括阿拉伯語、希伯來語、波斯語和烏爾都語。
在 RTL 書寫系統中，文字和內容從右到左閱讀，這與英語等語言常用的從左到右方向相反。
請參考頁面 RTL，以瞭解更多資訊。
什麼是輪播？
Bootstrap 中的輪播是一個幻燈片元件，允許使用者以迴圈序列顯示多個影像、影片或其他型別的內容。它是一個響應式且動態的元件，可以輕鬆自定義。
Bootstrap 提供了一組可用於建立輪播元件並對其進行自定義的類。
輪播功能也可以在 RTL 方向使用。
新增輪播的兩個主要類是
| 類 | 描述 |
|---|---|
| .carousel | 此類設定輪播的基本結構 |
| .carousel-item | 此類用於定義輪播中的單個幻燈片 |
自定義輪播中幻燈片的可選類是
| 類 | 描述 |
|---|---|
| .slide | 為輪播新增滑動動畫 |
| .active | 定義初始活動幻燈片 |
| .carousel-indicators | 在輪播底部新增導航指示器 |
| .carousel-control-prev 和 carousel-control-next | 為輪播新增左右箭頭按鈕以進行手動導航 |
| .carousel-caption | 為輪播中的每個幻燈片新增標題或說明 |
以下是一些輪播的示例
| 示例 | 描述 | 下載連結 |
|---|---|---|
| 基本輪播 | 此示例顯示了一個基本輪播。 | 下載 |
| 帶指示器的輪播 | 此示例顯示了一個帶指示器的輪播。 | 下載 |
| 帶標題的輪播 | 此示例顯示了一個帶標題的輪播。 | 下載 |
| 動畫輪播 | 此示例顯示了一個帶動畫的輪播。 | 下載 |
| 帶時間間隔的輪播 | 此示例顯示了一個帶時間間隔的輪播。 | 下載 |
| 自動播放輪播 | 此示例顯示了一個自動播放輪播。 | 下載 |
廣告