标题 | 快速使用Bootstrap搭建传送带 |
内容 | 这篇文章主要介绍了快速使用Bootstrap搭建传送带的相关资料,非常具有参考借鉴价值,需要的朋友可以参考下 bootstrap介绍 Bootstrap是前端开发中应用非常广泛的一个框架,最早是Twitter 公司内部的一个工具,开源之后迅速得到了各方的认可。本书基于最新的Bootstrap 3撰写,在简单介绍了安装与配置之后就直奔主题,分别讨论了个人作品站点、WordPress主题、企业网站、电子商务网站和单页营销网站等几个最具代表性的应用案例,结合这些案例细致地剖析了Bootstrap还有LESS的使用方式和技巧。 说了这么多,都是题外话,下面看看bootstrap搭建传送带的代码。 进度指示器 <div id="homepage-feature"> <ol> <li data-target="#homepage-feature" data-slide-to="0"></li> <li data-target="#homepage-feature" data-slide-to="1" ></li> <li data-target="#homepage-feature" data-slide-to="2" ></li> <li data-target="#homepage-feature" data-slide-to="3" ></li> </ol> 进度指示器的data-target属性必须使用传送带的ID homepage-featureJS插件为传送带添加active类。 <div> <div> <img > </div> <div> <img > </div> ... </div> 然后是显示前一个后一个的按钮 <a href="#homepage-feature" data-slide="prev"> <span></span> </a> <a href="#homepage-feature" data-slide="next"> <span></span> </a></div> 如此便好了。以上内容是小编给大家介绍的Bootstrap搭建传送带的相关知识,希望对大家有所帮助 |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。