- 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 | 为轮播中的每个幻灯片添加标题或说明 |
以下是一些轮播的示例
| 示例 | 描述 | 下载链接 |
|---|---|---|
| 基本轮播 | 此示例显示了一个基本轮播。 | 下载 |
| 带指示器的轮播 | 此示例显示了一个带指示器的轮播。 | 下载 |
| 带标题的轮播 | 此示例显示了一个带标题的轮播。 | 下载 |
| 动画轮播 | 此示例显示了一个带动画的轮播。 | 下载 |
| 带时间间隔的轮播 | 此示例显示了一个带时间间隔的轮播。 | 下载 |
| 自动播放轮播 | 此示例显示了一个自动播放轮播。 | 下载 |
广告