学习bootstra前端框架
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
学习bootstra前端框架相关推荐
- 学习bootstra前端框架2
bootstrap是移动设备优先的,它针对移动设备的样式融合进了每一个框架的每一个角落,使之只要通过简单的编码就可以实现漂亮的响应式布局. 点击官网上面的CSS 移动设备有限的 HTML5 初始化:n ...
- 写在2021: 值得关注/学习的前端框架和工具库
前言 最近在知乎看到了这么个问题:学完Vue还有必要学习React和Node吗?[1], 有很奇妙的感觉,因为我在最开始入门前端时,也是以Vue入的门,在"学完"Vue之后, 我也 ...
- 学习react前端框架dva
dva 是由阿里架构师 sorrycc 带领 team 完成的一套前端框架,在作者的 github 里是这么描述它的:"dva 是 react 和 redux 的最佳实践". 一. ...
- 目前比较流行的前端框架
目前比较流行的前端框架 根据查找的资料,整理一下经常使用目前互联网比较流行的开发框架,方便后期逐个了解学习. 前端框架 (一)Bootstrap Bootstrap是最流行的前端开发框架,可以让不是前 ...
- 学习web前端你必须要了解的主流框架!
如今的前端已经不再像以前一样就是简单的写写页面和调调样式而已,现在的前端越来越复杂,知识点越来越丰富. 要做WEB前端,就需要知道前端到底是什么,需要学习那些知识;前端至少要懂的三个部分:HTML,C ...
- 2015年你必须学习的编程语言和前端框架
2015年你必须学习的编程语言和前端框架 各种前端开发库和前端框架在不断的更新,为了适应潮流的需要,你必须不断的学习新的东西.但是下面提到的编程语言和前端框架会在很长的时间内占据重要的位置,学习和掌握 ...
- bootstrap 按钮样式单选效果_【20201117】Bootstrap前端框架学习笔记
1. 介绍 1.1 介绍 Bootstrap是一个免费的web前端框架,它将HTML.CSS.Javascript结合到一起,制定了一系列的前端开发规则,使设计网页就像搭积木一样简单. 今天我们就跟着 ...
- 前端学习之LayUi框架基础
今天笔者学习了LayUi框架的一些基础内容,总体来说,LayUi框架比BootStrap框架更倾向于后台的搭建和使用,样式更加多样,说明也对国人更加友好,毕竟是国人开发的框架嘛~废话不多少,开始介绍. ...
- Bootstrap前端框架学习(一):Bootstrap在Vue项目中的安装及可视化布局
Bootstrap前端框架学习(一):Bootstrap在Vue项目中的安装及可视化布局 node.js的安装 bootstrap的安装 bootstrap快速布局 node.js的安装 我们需要安装 ...
最新文章
- 消息中间件的多个企业级场景案例--分析
- python技术开发证书_python+证书
- [MySQL FAQ]系列 -- 为何innodb表select count(*)很慢
- 10 在Spring Cloud中使用Hystrix
- Qt Creator的下载和安装
- Java多线程实现异步调用
- c++ 遍历所有点且距离最短_图解:最短路径之迪杰斯特拉算法
- DynamicFusion: Reconstruction and Tracking of Non-rigid scenes in real-time
- android之Activity关闭返回数据到启动他的页面
- BENET3.0 Linux系统管理(S2)
- java实现单链表的增加,删除,查找,打印
- 资本寒冬下一个有娃女码农--应聘高级Android工程师历程感言
- 迅捷音频转换器怎么使用?
- Android Dialog宽度设置固定大小
- mysql和mybaits自增长序列详解_MyBatis Oracle 自增序列的实现方法
- python抓取淘宝评论_python3抓取淘宝评论内容
- 分析的意义:数据背后的故事(1)
- Eureka注册中心的搭建与使用
- stm32F103R6之BKP(备份寄存器)
- Android Accessibility(辅助功能) 学习