首页 > 代码库 > Bootstrap页面布局24 - BS旋转木马功能

Bootstrap页面布局24 - BS旋转木马功能

代码:

<div class=‘container-fluid‘>    <h3 class=‘page-header‘>Bootstrap 旋转木马</h3>        <div class=‘carousel slide‘ id=‘carousel1‘>        <div class=‘carousel-inner‘>            <div class=‘item active‘>            <img src=http://www.mamicode.com/‘http://placehold.it/1246x360/FFEB79&text=W3Cschoool1‘ />"color: #0000ff;">class=‘carousel-caption‘>            <h4>W3Cschoool菜鸟教程</h4>            <p>一个提供最新的web技术站点,本站免费提供了建站相关的技术文档,帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术,更是梦想。1</p>            </div>            </div>                                    <div class=‘item‘>            <img src=http://www.mamicode.com/‘http://placehold.it/1246x360/FF6600&text=W3Cschoool2‘ />"color: #0000ff;">class=‘carousel-caption‘>            <h4>W3Cschoool菜鸟教程</h4>            <p>一个提供最新的web技术站点,本站免费提供了建站相关的技术文档,帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术,更是梦想。2</p>            </div>            </div>                                    <div class=‘item‘>            <img src=http://www.mamicode.com/‘http://placehold.it/1246x360/00EB79&text=W3Cschoool3‘ />"color: #0000ff;">class=‘carousel-caption‘>            <h4>W3Cschoool菜鸟教程</h4>            <p>一个提供最新的web技术站点,本站免费提供了建站相关的技术文档,帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术,更是梦想。3</p>            </div>            </div>        </div>        <a href=http://www.mamicode.com/‘#carousel1‘ data-slide=‘prev‘ class=‘left carousel-control‘><font style=‘font-weight:bold;font-size:40px;‘>☆</font></a>        <a href=http://www.mamicode.com/‘#carousel1‘ data-slide=‘next‘ class=‘right carousel-control‘><font style=‘font-weight:bold;font-size:40px;‘>★</font></a>    </div></div>

代码块经过测试,放心使用

如图: