<div data-ride="carousel"> <ol> <li data-target="#carousel-example-generic" data-slide-to="0"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> <li data-target="#carousel-example-generic" data-slide-to="3"></li> <li data-target="#carousel-example-generic" data-slide-to="4"></li> </ol> <div role="listbox"> <div> <img src="https://www.jb51.net/images/chrome-big.jpg" alt="1 slide"> <div> <h1>Chrome</h1> <p>Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器</p> <p><a href="https://www.google.cn/intl/zh-CN/chrome/browser/" role="button" target="_blank">点击下载</a></p> </div> </div> <div> <img src="https://www.jb51.net/images/firefox-big.jpg" alt="2 slide" > <div> <h1>Firefox</h1> <p>Mozilla Firefox,中文名通常称为“火狐”或者“火狐浏览器”,是一个开源的网页浏览器</p> <p><a href="https://www.firefox.com.cn/download/" role="button" target="_blank">点击下载</a></p> </div> </div> <div> <img src="https://www.jb51.net/images/safari-big.jpg" alt="3 slide" > <div> <h1>Safari</h1> <p>Safari,是苹果计算机的最新操作系统Mas OS X中的浏览器</p> <p><a href="https://www.apple.com/cn/safari/" role="button" target="_blank">点击下载</a></p> </div> </div> <div> <img src="https://www.jb51.net/images/opera-big.jpg" alt="4 slide" > <div> <h1>Opera</h1> <p>Opera浏览器,是一款挪威Opera Software ASA公司制作的支持多页面标签式的网络浏览器</p> <p><a href="https://www.opera.com/zh-cn" role="button" target="_blank">点击下载</a></p> </div> </div> <div> <img src="https://www.jb51.net/images/ie-logo.jpg" alt="5 slide" > <div> <h1>IE</h1> <p>Internet Explorer,简称IE,是微软公司推出的一款网页浏览器</p> <p><a href="https://www.microsoft.com/zh-cn/download/" role="button" target="_blank">点击下载</a></p> </div> </div> </div> <a href="#carousel-example-generic" role="button" data-slide="prev"> <span></span> <span>上一页</span> </a> <a href="#carousel-example-generic" role="button" data-slide="next"> <span></span> <span>下一页</span> </a> </div>
栅格布局
<div> <div> <img src="https://www.jb51.net/images/chrome-logo-small.jpg" alt="chrome"> <h2>Chrome</h2> <p>Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器</p> <p><a href="#" role="button">点击下载</a></p> </div> <div> <img src="https://www.jb51.net/images/firefox-logo-small.jpg" alt="chrome"> <h2>Firefox</h2> <p>Mozilla Firefox,中文名通常称为“火狐”或者“火狐浏览器”,是一个开源的网页浏览器</p> <p><a href="#" role="button">点击下载</a></p> </div> <div> <img src="https://www.jb51.net/images/safari-logo-small.jpg" alt="chrome"> <h2>Safari</h2> <p>Safari,是苹果计算机的最新操作系统Mas OS X中的浏览器</p> <p><a href="#" role="button">点击下载</a></p> </div> </div>
标签页