本文算是bootstrap学习使用的年底大总结，供大家参考，具体内容如下
BootStrap学习从现在开始，前端开发框架Bootstrap，可大大简化网站开发过程，从而深受广大开发者的喜欢。
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js">
<script src="js/bootstrap.min.js">
小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件。
data属性API可以使用所有的Bootstrap插件
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0">
<li data-target="#carousel-example-generic" data-slide-to="1" class="active">
<li data-target="#carousel-example-generic" data-slide-to="2">
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="…">
<div class="carousel-caption">……
<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设置广告框的样式(高度、背景色) 栅格系统布局
<div class="tab-content">
<div class="tab-pane active" id="home">…
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×
<span class="sr-only">Close
<h4 class="modal-title">Modal title
<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个精彩的专题：
精彩专题分享：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
原文链接：https://www.f2er.com/bootstrap/44017.html