对于学习与工作者来说用压缩版,若是研究框架则用源代码
下载:http://www.bootcss.com/ 是boot的官网,文档是英文的
中文的官方网站:v3.bootcss.com 将来会不断更新,目前是3版本
一下载步骤:
到此网站后,会提示具体怎么使用,在这就简单一说,大概就是以下这样的方法
(1).选择下载压缩版,下载地址一般是在自己index.html同一文件夹中。
(2).解压缩到当前文件夹,里面的内容相当明了,js、CSS、font、分别独立划分
(3).使用就是将个内容链接到index.html中,目的就是使用里面的各个属性,就是各种的复制粘贴。
二.当粘贴到index.html中后,会有一些注释,这些注释中有的是对浏览器的支持情况
例如当用户使用的是IE,那就打开此注释,以IE浏览器显示,
but,大多用户应该不用IE吧。。反正我不用,但也要说一下
三.head中相关复制的内容如下
让IE游览器渲染试图,按照edge游览器的方法
<meta http-equiv="X-UA-Compatible" content="IE=edge">
vieport 视口 sublime与WebStorm快捷键 meta:vp 按下Tab <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0
, maximum-scale=1.0, minimum-scale=1.0">width=device-width 让网页的尺寸等于手机等各设备的尺寸
user-scalable = no; 禁止缩放(不推荐所有页面使用,具体看情况)
initial-scale = 1;使CSS里面的标签 按照设置的尺寸1:1显示在手机上
三.对于链接的js与jq
链接的是自己的当前文件地址:
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
注:连接的jq要放在js之前,因为js的执行要得到jq的支持
引入了bootstrap所有的 JS功能。需要jquery的支持 而且,此方法连接的是cdn.bootcss.com
中的,这种方法有利有弊,当用户没有网络时,一些js所有的事件,就无法显示,
所以个人觉得还是用本地下载比较好些。
学习心得:
当然,当我们采用别人的框架时,写代码顿时感觉简单方便,可以在自己的类中添加使用
别人封装的类,写代码的效率提高
比如,现在一些网页上的界面的按钮样式大差不差都是那个壳子,就看程序员怎么在此基础上设计样式
等等...