初学者--bootstrap(三)下载与安装----在路上(7)

时间:2021-12-23 06:52:26
----------------------------------------对于学习与工作者来说用压缩版,若是研究框架则用源代码---------------------------------------------
提要:下载:http://www.bootcss.com/ 是boot的官网,文档是英文的
         中文的官方网站:v3.bootcss.com 将来会不断更新,目前是3版
一.下载步骤:
具体详情请参考上面网站,其会提示具体怎么使用,在这就简单一说,大概就是以下这样的方法
(1).选择下载压缩版,下载地址一般是在自己index.html同一文件夹中;
(2).解压缩到当前文件夹,里面的内容相当明了,js、CSS、font、分别独立划分;

(3).使用就是将个内容链接到index.html中,目的就是使用里面的各个属性,so,就是各种的复制粘贴。。。额。。
二.当粘贴到index.html中后,会有一些注释,这些注释中有的是对浏览器的支持情况
     例如当用户使用的是IE,那就打开此注释,以IE浏览器显示,
     but,大多用户应该不用IE吧。。反正me不用,但也得说一下
三.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所有的事件,就无法显示,
所以个人觉得还是用本地下载比较好一些。
学习心得:
当然,当我们采用别人的框架时,写代码顿时感觉简单方便,可以在自己的类中添加使用
别人封装的类,写代码的效率提高,但也不要完全依赖别人的框架,有时还要靠自己^-^不是吗?恩。
熟练掌握,并会应用,知己知彼。

-----------------------------------------------------------------共勉-----初学者--bootstrap(三)下载与安装----在路上(7)---------------------------------------------------------------