----------------------------------------对于学习与工作者来说用压缩版,若是研究框架则用源代码---------------------------------------------
提要:下载: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)的更多相关文章

  1. CSS 框架之 Bootstrap 的下载和安装

    BootStrap 简介: Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 响应式设计:Bootst ...

  2. wxWidgets初学者导引(2)——下载、安装wxWidgets

    wxWidgets初学者导引全目录   PDF版及附件下载 1 前言2 下载.安装wxWidgets3 wxWidgets应用程序初体验4 wxWidgets学习资料及利用方法指导5 用wxSmith ...

  3. Apache Tomcat下载、安装、配置图文教程

    本文已迁移到我的个人网站 http://www.wshunli.com 文章地址: http://www.wshunli.com/2016/03/19/Tomcat安装配置/ (整理截图.安装过程更加 ...

  4. linux系统安装(虚拟机以及linux的下载与安装)

    最近开始研究linux系统,以前接触linux系统只是一些简单的命令,例如: pwd:查看当前目录   ls:遍历目录    cd :在目录之间切换等. linux系统是基于unix系统开发的,是一个 ...

  5. Eclipse的下载、安装和WordCount的初步使用(本地模式和集群模式)

    包括:    Eclipse的下载 Eclipse的安装 Eclipse的使用 本地模式或集群模式 Scala IDE for Eclipse的下载.安装和WordCount的初步使用(本地模式和集群 ...

  6. HTML初学者的三十条最佳

    颜海镜 专注web前端,分享html,css,javascript等相关知识…… 给HTML初学者的三十条最佳实践 Nettuts +运营最困难的方面是为很多技能水平不同的用户提供服务.如果我们发布太 ...

  7. 实战web前端之:Bootstrap框架windows下安装与使用

    Bootstrap是前端开发中比较受欢迎的框架,简洁且灵活.它基于HTML.CSS和JavaScript,HTML定义页面元素,CSS定义页面布局,而JavaScript负责页面元素的响应.Boots ...

  8. Tomcat下载以及安装、eclipse工具配置tomcat9的具体步骤

    (小白经验,大咖勿喷) 开始学javaweb的一些技术了,最让人头疼的就是环境的配置以及必要软件的安装,比如数据库mysql.服务器Tomcat.eclipse工具等等. 自己也度娘了很多大咖的经验, ...

  9. 给HTML初学者的三十条最佳实践

    Nettuts +运营最困难的方面是为很多技能水平不同的用户提供服务.如果我们发布太多高级教程,我的新手用户将无法从中受益.相反也是如此.我们尽我们最大的努力,但如果你觉得你被忽略了请联系我们.这个网 ...

随机推荐

  1. 转:WaitForSingleObject()函数、WaitForMultipleObject()函数

    http://blog.csdn.net/xiaobai1593/article/details/6672193 在多线程下面,有时候我们会希望等待某一线程完成了再继续做其他事情,要实现这个目的,可以 ...

  2. SQLServer2005如何批量修改架构名 - wuxiaokaixinguo的专栏

    原文地址:http://blog.csdn.net/wuxiaokaixinguo/article/details/8523093 ) BEGIN SET @name='原构架名.' + @name ...

  3. C++Primer学习笔记(1)

    序: 为了重新扎扎实实地再深入学习一遍C++,我选择了C++ Primer这本经典.又开了这个系列的随笔,用于记录学习过程中遇到的一些有趣的问题和心得.同时,也是想通过写随笔的方式督促自己不断进步,争 ...

  4. 页面制作之HTML

    标签 常用属性 id class style title - <a href ="/" title="收藏">收藏</a>(用于hove ...

  5. 0_MVC+EF+Autofac(dbfirst)轻型项目框架_基本框架

    前言 原来一直使用他人的开源项目框架,异常的定位会很麻烦,甚至不知道这个异常来自我的代码还是这个框架本身.他人的框架有一定的制约性,也有可能是我对那些框架并没深入了解,因为这些开源框架在网上也很难找到 ...

  6. Access restriction: The type 'FileURLConnection' is not API

    遇到这种报错,解决方案如下: 报错原因是访问限制报错 工具栏中Project>preferences>java-Compiler>Errors/Warnings>把右侧的[De ...

  7. UBUNTU 16.04 编译 OPENJDK8

    参考了几篇文章,和错误查询,最后总结如下 一.下载 我比较倾向于使用mercurial来获取源代码,虽然你得挑网络稳定的时候更新,但是易更新. 从官网查找一下,可以通过以下步骤完成源代码的下载 1. ...

  8. C语言与java 20155317 王新玮第二次

    20155317 王新玮第二次写作感想   你有什么技能比大多数人(超过90%以上)更好? 刚刚看到这个题目,我的首先想到的是会一些中医,懂得中医的理论框架知识,懂得大部分的中医脉象,能够解决日常生活 ...

  9. Codeforces Round #361 (Div. 2) B

    B - Mike and Shortcuts Description Recently, Mike was very busy with studying for exams and contests ...

  10. node、npm、gulp、bower、ionic下载及安装

    node: http://nodejs.cn/ npm: 随node一起安装了 gulp: http://www.gulpjs.com.cn/docs/getting-started/ bower: ...