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

本文介绍如何下载并使用Bootstrap框架,包括下载步骤、配置方法及浏览器兼容性设置等内容,旨在帮助初学者快速掌握Bootstrap的基本用法。
对于学习与工作者来说用压缩版,若是研究框架则用源代码微笑
下载: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所有的事件,就无法显示,
所以个人觉得还是用本地下载比较好些。

学习心得:
     当然,当我们采用别人的框架时,写代码顿时感觉简单方便,可以在自己的类中添加使用
别人封装的类,写代码的效率提高
比如,现在一些网页上的界面的按钮样式大差不差都是那个壳子,就看程序员怎么在此基础上设计样式
等等...微笑








                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值