bootstrap学习使用（导航条、下拉菜单、轮播、栅格布局等）

本文算是bootstrap学习使用的年底大总结，供大家参考，具体内容如下

bootstrap框架

BootStrap学习从现在开始，前端开发框架Bootstrap，可大大简化网站开发过程，从而深受广大开发者的喜欢。

导航

导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，可以便于用户查找网站所提供的各项功能服务。

下拉菜单

小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件。

data属性API可以使用所有的Bootstrap插件

轮播广告（carousel）

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left">
<pan class="sr-only">previous

<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right">
<pan class="sr-only">Next

.data-slide-to索引，指向轮播广告的内容，从0开始 .carousel设置广告框的样式(高度、背景色) .carousel .item设置广告框的样式(高度、背景色) 栅格系统布局

标签页tabs

标签页tabs

<div class="modal-body">
…

<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close
<button type="button" class="btn btn-default" data-dismiss="modal">Save

如果大家还想深入学习，可以点击进行学习，再为大家附3个精彩的专题：

精彩专题分享：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!