基于Bootstrap实现图片轮播功能文件结构与代码示例.pdfVIP

准备的文件包含：

目录包含要的。

Lib/css是Bootstrap的样式文件。只需要bootstrap.min.css即可，其他文件如theme定义了更

复杂的样式，如btn‑primary等等。

Fonts包含了SVG失量图形定义。还有其他的一些字体的定义。

Js里面包含了Bootstrap的文件。

对于文件/字体/css这三个目录，必须要放到同一个目录下。

!DOCTYPE

htmlhtml

准备的文件包含：

Images目录包含了要被的。

Lib/css是bootstrap的样式文件。只需要bootstrap.min.css即可，其他文件如theme定义了更复杂的样式

如btn-primary等等。

Fonts包含了svg失量图形定义。还有其他的一些字体的定义。

Js里面包含了bootstrap的文件。

对于js/fonts/css这三个目录，必须要放到同一个目录下。

!DOCTYPEhtml

html

headmetahttp‑equivContent‑Typecontenttext/html;

charsetutf‑8/title轮播/titlelinkrelstyheethref

lib/css/bootstrap.min.cssscriptsrclib/js/jquery.js/script

scriptsrclib/js/bootstrap.min.js/script/headbody

dividoneclasscarouselslidestyle

width:870px;height:500px;olclasscarousel‑indicatorsli

data‑target#onedata‑slide‑to0classactive/lili

data‑target#onedata‑slide‑to1/lilidata‑target#one

data‑slide‑to2/li/oldivclasscarousel‑innerdiv

classitemactiveimgsrcimages/01.jpg/img/divdiv

classitemimgsrcimages/02.jpg/img/divdivclass

itemimgsrcimages/03.jpg/imgdivclass

carousel‑captionh2这是第三个/h2p这是内容部分/pa

href#classbtnbtn‑primary立即选择/a/div/div/

divaclassleftcarousel‑controlhref#onedata‑slideprev

spanclassglyphiconglyphicon‑chevron‑left/span/aa

classrightcarousel‑controlhref#onedata‑slidenextspan

classglyphiconglyphicon‑chevron‑right/span/a/

divhr//bodyscript//设置每2秒