发表于： 2018-06-26 20:49:44
1 608
一，今天完成的事情
任务五的提交
前端框架bootstrap初步学习
Bootstrap
一、简介
bootstrap是Twitter公司开发基于HTML、CSS、JS的前端框架。
为实现web应用程序快速开发提供的一套前端工具包。
响应式布局。
移动设备优先。
将会学习到bootstrap全局样式用法
深入了解响应式开发的一些特性
了解viewport的意义
栅格化布局用法
字体、图标
最后实现响应式布局的开发
二、bootstrap环境搭建（基于html5跟css3）
2-1
bootstrap的特性
响应式设计
栅格布局
完整的类库
JQuery插件
不同的使用场景
基于最新的html5根css3，所以请选择版本较高的浏览器。
bootstrap开发工具
任意前端开发工具均可
专门针对bootstrap的开发工具： Jetstrap
bootstrap下载地址
官方地址： http://getbootstrap.com
中文地址： http://www.bootcss.com/
2-2
打开中文网站
点开bootstrap3中文文档
点击下载bootstrap
使用 BootCDN 提供的免费 CDN 加速服务（同时支持 http 和 https 协议）
Bootstrap 中文网 为 Bootstrap 专门构建了免费的 CDN 加速服务，访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。BootCDN 还对大量的前端开源工具库提供了 CDN 加速服务，请进入BootCDN 主页查看更多可用的工具库。
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- 可选的 Bootstrap 主题文件（一般不用引入） --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><!-- 最新的 Bootstrap 核心 JavaScript 文件 --><script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
二，明天的计划
任务五未完成返回相应步骤
任务六初接触
三，遇到的问题
从业年限前面那个小于号不知道哪里来的，一直没能消除
做完了任务其实觉得还不是很难，就是概念的掌握以及熟练运用问题。
由于使用的是ws，省去了很多git操作步骤，基本上ws上都能一步到位。但是这也会导致git指令的生疏，这个偶尔还是要回顾下。
四，收获
通过今天学习对定位布局，弹性布局熟练掌握
返回列表
评论