------------恢复内容开始------------

引入Bootstrap

引入css样式

<link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css" />//  引入线上的地址，或者直接在bootstrap上下载好引入本地地址

引入js 

同样的可以引入线上的地址，或者引入下载好的地址     但是要先引入jquery的js，因为bootstrap实在jquery的基础上建立的

<script src="./lib/jquery/jquery.min.js"></script>  
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>

按钮的样式：默认  btn-default；首选项：btn-primary;  一般信息：btn-info； 

　　　　　　成功  btn-success;  警告：btn-warning；  危险：btn-danger；链接：btn-link。

表单以及轮播图等的排列方向属性值：vertical垂直的  horizontal水平的

响应式布局   网格系统

当盒子的类名前缀为.col-xs  /  .col-sm-  /  .col-md  /  .col-lg-

　　行必须放置在 .container  class 内，以便获得适当的对齐和内边距

　　使用行来创建列的水平组。

　　网格系统是通过指定您想要横跨的十二个可用的列来创建的。例如，要创建三个相等的列，则使用三个

　　 .col-xs-4。

　　分别对应超小设备、小型设备、中型设备、大型设备

　　偏移列：偏移是一个用于更专业的布局的有用功能。它们可用来给列腾出更多的空间。

　　　　比如col- ??-系列不支持偏移，但可以通过使用一个空单元格来实现效果。

　　　　如： .col-md-offset-* 类，*写数字几就是偏移几个位置

data-target怎么用？用来定义的触发的模态弹出窗是哪个，属性值为.类名或者#id

swiper轮播图：

　　垂直切换选项direction:vertical  /  horizontal;  循环模式：loop:true;

吸顶：原理：利用scroll事件进行监听scrollTop的值，当scrollTop达到一定的值得时候设置吸顶元素的

　　　　　　position : fixed;属性   实现方法：写入事件监听，监听滚动条

获取自定义属性的几种方式：<div class="mynav" data-spy="affix" data-offset-top="150">

　　$(".mynav").attr("data-spy")

　　document.getElementsByClassName("mynav")[0].getAttribute("data-spy")

　　document.getElementsByClassName("mynav")[0].dataset.spy

　　document.getElementsByclassName("mynav")[0].onclick = function(e){ console.log(e) }

显示隐藏：hidden:??在某种屏幕下隐藏  /  visible:??在某种屏幕下显示  /  xs sm md lg