学习bootstra前端框架

最新推荐文章于 2020-09-20 21:31:02 发布

weixin_30367945

最新推荐文章于 2020-09-20 21:31:02 发布

阅读量78

点赞数

原文链接：http://www.cnblogs.com/lixueying/p/5282828.html

版权

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

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

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

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

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

'<!DOCTYPE html>

Bootstrap 101 Template

<!-- 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的最下面 -->

html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。
' 在IE浏览器中用最新渲染模式
meta http-equiv="X-UA-Compatible" content="IE=edge"'
' meta name="viewport" content="width=device-width, initial-scale=1"
针对移动浏览器，宽度为设备的宽度，不做任何缩放'
width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。
ViewPort 标记用于指定用户是否可以缩放Web页面。
initial-scale指令用于设置Web页面的初始缩放比例。
'css文件放在body中，JavaScript文件放在body的最下面 '

转载于:https://www.cnblogs.com/lixueying/p/5282828.html

weixin_30367945

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习bootstra前端框架

Bootstrap是一款强大的前端开发框架，web开发更迅速简单。由于需要给信息员做培训，已经很久没有上过课了，到底要怎样才可以找到合适的方法让老师们可以很快的开发一个网页呢？传统ps？Dreamweaver？先到处看看吧！重新先学习一下bootstrap网上看会视频教程慕课网如何使用：打开官网[bootstrap]（http://getbootstrap.com/）Boot...
复制链接

扫一扫