学习bootstra前端框架

Bootstrap是一款强大的前端开发框架，web开发更迅速简单。

由于需要给信息员做培训，已经很久没有上过课了，到底要怎样才可以找到合适的方法让老师们可以很快的开发一个网页呢？
传统ps？Dreamweaver？先到处看看吧！

重新先学习一下bootstrap
网上看会视频教程
慕课网

如何使用：打开官网
[bootstrap]（http://getbootstrap.com/）
Bootstrap3代码不够简洁，兼容性还可以
Bootstrap3放弃了IE7和火狐3.7;IE效果不是很好

点击下载最新版本，跳转到另一个页面，里面有引用的方式。

'

<html lang="en"> <head> <meta charset="utf-8"> <!--在IE浏览器中用最新渲染模式 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 针对移动浏览器，宽度为设备的宽度，不做任何缩放。--> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Bootstrap 101 Template</title> 
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
 <!-- 当浏览器低于IE9时-->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
 <!--css文件放在body中，JavaScript文件放在body的最下面 -->
'
  1. html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。
  2. ' 在IE浏览器中用最新渲染模式
    meta http-equiv="X-UA-Compatible" content="IE=edge"'
  3. ' meta name="viewport" content="width=device-width, initial-scale=1"
    针对移动浏览器，宽度为设备的宽度，不做任何缩放'
    width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。
    ViewPort 标记用于指定用户是否可以缩放Web页面。
    initial-scale指令用于设置Web页面的初始缩放比例。
  4. 'css文件放在body中，JavaScript文件放在body的最下面 '
posted @ 2016-03-16 11:42  蓝飞smile  阅读(420)  评论(0)    收藏  举报