下载学堂APP缓存视频离线看
- 畅销套餐
- 课程介绍
- 课程大纲
适合人群：
零基础 小白 新手 前端爱好者 大学生 技术转型 职业转型 WEB前端 美工
你将会学到：
PHP全栈开发工程师课程，挑战年薪30万，BootStrap框架基础与提升，包含知识：BootStrap框架基础与提升，响应式技术基础与提升，通过10天的学习快速学习BootStrap框架高级程序设计知识技术。
课程简介：
课程大纲-WEB前端开发工程师 BootStrap框架基础与提升视频课程（Head老师）
1
Bootstrap概述Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美，可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。2010 年 6 月，Twitter 内部的工程师为了解决前端开发任务中的协作统一问题。经历各种方案后，Bootstrap 最终被确定下来，并于 2011 年 8 月发布。
「仅限付费用户」点击下载“笔记.docx”
[18:15]开始学习2
Bootstrap排版样式本节课主要学习一下 Bootstrap 全局 CSS 样式中的排版样式，包括了标题、页面主体、对齐、列表等常规内容。Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用。
「仅限付费用户」点击下载“笔记.docx”
[20:14]开始学习3
Bootstrap列表和图片1.无序列表、有序列表无序列表和有序列表使用方式和我们平时使用的一样（无序列表使用ul，有序列表使用ol标签），在样式方面，Bootstrap只是在此基础上做了一些细微的优化（只是在margin上做了一些调整）
「仅限付费用户」点击下载“笔记.docx”
[07:46]开始学习4
BootStrap表格和按钮1.Bootstrap为表格不同的样式风格提供了不同的类名，主要包括： 1.table：基础表格 2.table-striped：斑马线表格（让表格带有背景条纹效果） 3.table-bordered：带边框的表格（所有单元格具有一条1px的边框。）4.table-hover：鼠标悬停高亮的表格（当鼠标悬停在表格的行上面有一个高亮的背景色）5.table-condensed：紧凑型表格（单元格没内距或者内距较其他表格的内距更小）6.table-responsive：响应式表格（当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失）
「仅限付费用户」点击下载“笔记.docx”
[11:49]开始学习5
Bootstrap表单对于基础表单，Bootstrap并未对其做太多的定制性效果设计，仅仅对表单内的fieldset、legend、label标签进行了定制。在Bootstrap框架中，通过定制了一个类名form-control，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。
「仅限付费用户」点击下载“笔记.docx”
[16:34]开始学习6
Bootstrap栅格化系统在 HTML5 的项目中，我们做了移动端的项目。它有一份非常重要的 meta，用于设置屏幕和设备等宽以及是否运行用户缩放，及缩放比例的问题。//分别为：屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
「仅限付费用户」点击下载“笔记.docx”
[09:02]开始学习7
Bootstrap下拉菜单在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件。因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件，所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效果。
「仅限付费用户」点击下载“笔记.docx”
[08:48]开始学习8
Bootstrap导航导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，可以便于用户查找网站所提供的各项功能服务。导航的制作方法也是千奇百怪，五花八门。在这一节中将向大家介绍如何使用Bootstrap框架制作各式各样的导航。
「仅限付费用户」点击下载“笔记.docx”
[21:26]开始学习9
Bootstrap标签，徽章，和图标在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息，比如说在导航上添加了一个新导航项，可能就会加一个“new”标签，来告诉用户。这是新添加的导航项。
「仅限付费用户」点击下载“笔记.docx”
[04:58]开始学习10
BootStrap警告框和进度条Bootstrap框架通过“alert“样式来实现警示框效果。在默认情况之下，提供了四种不同的警示框效果： 1、成功警示框：告诉用用户操作成功，在“alert”样式基础上追加“alert-success”样式，具体呈现的是背景、边框和文本都是绿色； 2、信息警示框：给用户提供提示信息，在“alert”样式基础上追加“alert-info”样式，具体呈现的是背景、边框和文本都是浅蓝色； 3、警告警示框：提示用户小心操作（提供警告信息），在“alert”样式基础上追加“alert-warning”样式，具体呈现的是背景、边框、文本都是浅黄色； 4、错误警示框：提示用户操作错误，在“alert”样式基础上追加“alert-danger”样式，具体呈现的是背景、边框和文本都是浅红色。
「仅限付费用户」点击下载“笔记.docx”
[11:12]开始学习11
Bootstrap多媒体对象本章我们将讲解 Bootstrap 中的多媒体对象（Media Object）。这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。
「仅限付费用户」点击下载“笔记.docx”
[05:10]开始学习12
Bootstrap插件使用Bootstrap 插件概览在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。站点引用 Bootstrap 插件的方式有两种：单独引用：使用 Bootstrap 的个别的 *.js 文件。一些插件和 CSS 组件依赖于其他插件。如果您单独引用插件，请先确保弄清这些插件之间的依赖关系。编译（同时）引用：使用 bootstrap.js 或压缩版的 bootstrap.min.js。不要尝试同时引用这两个文件，因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。所有的插件依赖于 jQuery。所以必须在插件文件之前引用 jQuery。请访问 bower.json 查看 Bootstrap 当前支持的 jQuery 版本。
「仅限付费用户」点击下载“笔记.docx”
[13:50]开始学习
“申建明”老师的其他课程更多+
