使用Bootstrap3开发响应式网站实践02,轮播_html/css

来源：动视网责编：小采时间：2020-11-27 15:54:56

使用Bootstrap3开发响应式网站实践02,轮播_html/css

使用Bootstrap3开发响应式网站实践02,轮播_html/css_WEB-ITnose:本篇体验图片轮播。html部分为：马塔破门曼联平 2014/15赛季英格兰足球超级联赛第2轮一场焦点战在光明球场展开角逐鲁尼范佩西召唤天使客场被桑德兰1-1逼平，曼联虽然拿到一分，但显然红魔从上到下没人会满意2战1分的惨淡结果。

推荐度：

点击下载本文 文档为doc格式

导读使用Bootstrap3开发响应式网站实践02,轮播_html/css_WEB-ITnose:本篇体验图片轮播。html部分为：马塔破门曼联平 2014/15赛季英格兰足球超级联赛第2轮一场焦点战在光明球场展开角逐鲁尼范佩西召唤天使客场被桑德兰1-1逼平，曼联虽然拿到一分，但显然红魔从上到下没人会满意2战1分的惨淡结果。

本篇体验图片轮播。html部分为：

马塔破门曼联平

2014/15赛季英格兰足球超级联赛第2轮一场焦点战在光明球场展开角逐

鲁尼范佩西召唤天使

客场被桑德兰1-1逼平，曼联虽然拿到一分，但显然红魔从上到下没人会满意2战1分的惨淡结果。

迪马利亚今日飞抵曼联体检

曼联引进迪马利亚的交易已经只差官方宣布,这无疑是替红魔官方宣布了这笔交易。

○ 轮播所有内容被包裹在带有class="carousel slide"的div中
○ 轮播分3部分：圆点指示，用ol实现；图片、标题、描述用div实现；左右2个箭头用a实现

参考资料：
Code a Responsive Website with Bootstrap 3 --by Brad Hussey
http://getbootstrap.com/
http://bootswatch.com/
http://www.tutorialspoint.com/
http://www.placehold.it/

“使用Bootstrap 3开发响应式网站实践”系列包括：