Bootstrap页面布局24 - BS旋转木马功能
2014-08-03 23:27
459 查看
代码:
代码块经过测试,放心使用
如图:
<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://placehold.it/1246x360/FFEB79&text=W3Cschoool1' /> <div class='carousel-caption'> <h4>W3Cschoool菜鸟教程</h4> <p>一个提供最新的web技术站点,本站免费提供了建站相关的技术文档,帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术,更是梦想。1</p> </div> </div> <div class='item'> <img src='http://placehold.it/1246x360/FF6600&text=W3Cschoool2' /> <div class='carousel-caption'> <h4>W3Cschoool菜鸟教程</h4> <p>一个提供最新的web技术站点,本站免费提供了建站相关的技术文档,帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术,更是梦想。2</p> </div> </div> <div class='item'> <img src='http://placehold.it/1246x360/00EB79&text=W3Cschoool3' /> <div class='carousel-caption'> <h4>W3Cschoool菜鸟教程</h4> <p>一个提供最新的web技术站点,本站免费提供了建站相关的技术文档,帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术,更是梦想。3</p> </div> </div> </div> <a href='#carousel1' data-slide='prev' class='left carousel-control'><font style='font-weight:bold;font-size:40px;'>☆</font></a> <a href='#carousel1' data-slide='next' class='right carousel-control'><font style='font-weight:bold;font-size:40px;'>★</font></a> </div> </div>
代码块经过测试,放心使用
如图:
相关文章推荐
- Bootstrap页面布局19 - BS提示信息
- Bootstrap页面布局3 - BS布局以及流动布局
- Bootstrap页面布局9 - BS列表
- Bootstrap页面布局8 - BS常用标签与样式
- Bootstrap页面布局22 - BS工具提示
- Bootstrap页面布局15 - BS带下拉菜单的按钮
- Bootstrap页面布局1 - 下载BS(bootstrap简称)
- Bootstrap页面布局6 - BS把已有的固定宽度布局转换成响应式布局
- Bootstrap页面布局12 - BS表单元素的排版
- Bootstrap页面布局20 - BS缩略图
- Bootstrap页面布局21 - BS对话框设计
- Bootstrap页面布局13 - BS按钮
- Bootstrap页面布局10 - BS代码
- Bootstrap页面布局18 - BS导航路径以及分页器
- Bootstrap页面布局2 - 包含BS文件
- 页面布局 bootstrap
- 【插件-前端-bootstrap】快速上手布局web页面用什么?快速制表用什么?bootstrap及其插件(1)
- freemark和bootstrap中页面布局,页签,左右菜单
- 创建具有固定导航功能的滑动单页面布局网站
- bootstrap布局中input输入框右侧图标点击功能