轮播组件

轮播组件

默认

下面是一个简单的幻灯片，使用 Bootstrap 轮播（Carousel）插件显示了一个循环播放元素的通用组件。

可选标题

您可以通过 .item 内的 .carousel-caption 元素向幻灯片添加标题。可以在该处放置任何 HTML 代码，它会自动对齐并格式化。

Slick 官网

显示单个

1

2

3

4

5

6

显示多个

1

2

3

4

5

6

7

8

9

响应式

1

2

3

4

5

6

7

8

可变宽度

200

150

250

300

100

350

可变高度

1

2

橘子

3

橘子
苹果

4

哇，这么多！

通过 Data 属性设置

1

2

3

4

5

6

居中模式

1

2

3

4

5

6

懒加载

...
...
...
...
...

自动播放

1

2

3

4

5

6

渐变

...
...
...
...

添加 & 删除

1

过滤

1

2

3

4

5

6

7

8

9

10

11

12

Owlcarousel 官网

没有边距

...
...
...
...
...
...

居中

...
...
...
...
...
...

Logos

QQ
微博
微信
Linkedin
HTML5
CSS3

简单组合

...

标题

内容描述

...

标题

内容描述

...

标题

内容描述

...

标题

内容描述

...

标题

内容描述

...

标题

内容描述