首页 > 代码库 > 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>
代码块经过测试,放心使用
如图:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。