- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
- 课程介绍
- 课程大纲
适合人群:
web开发爱好者,前端工程师,前端开发人员,web设计者
你将会学到:
熟练学习Bootstrap开发框架的使用,可以结合实际项目使用Bootstrap制作多终端响应式页面。
课程简介:
Bootstrap是由Twitter推出的一个前台页面开发框架,在行业之中使用较为广泛。此开发框架包含了大量的CSS、JS程序代码,可以帮助研发者,尤其是初学者,轻松的实现一个不受浏览器限制的精美界面效果。
本课程将从Bootstrap的取得、配置、使用等概念进行讲解,结合相应的实际项目案例,为学员完整的讲解Bootstrap中基础样式与各个操作组件,并且通过一系列的代码案例来讲解Bootstrap的实战应用。
课程大纲-前端响应式布局:基础与提升视频课程
第1章基础打桩篇(3小时37分钟22节)
1-2
引入bootstrapBootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的;Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。
「仅限付费用户」点击下载“引入bootstrap.rar”
[10:29]开始学习1-5
Bootstrap 网格系统(一)媒体查询是非常别致的"有条件的 CSS 规则",它只适用于一些基于某些规定条件的 CSS。如果满足那些条件,则应用相应的样式,Bootstrap 中的媒体查询允许您基于视口大小移动、显示并隐藏内容。
「仅限付费用户」点击下载“Bootstrap 网格系统(一).rar”
[07:11]开始学习1-6
Bootstrap 网格系统(二)偏移是一个用于更专业的布局的有用功能。它们可用来给列腾出更多的空间。例如,.col-xs=* 类不支持偏移,但是它们可以简单地通过使用一个空的单元格来实现该效果。
「仅限付费用户」点击下载“Bootstrap 网格系统(二).rar”
[12:57]开始学习1-7
Bootstrap CSS 介绍Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype)。
「仅限付费用户」点击下载“Bootstrap CSS 介绍.rar”
[12:22]开始学习1-8
Bootstrap 排版(一)使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素。
「仅限付费用户」点击下载“Bootstrap 排版(一).rar”
[08:29]开始学习1-9
Bootstrap 排版(二)HTML 的默认强调标签 <small>(设置文本为父文本大小的 85%)、<strong>(设置文本为更粗的文本)、<em>(设置文本为斜体)。
「仅限付费用户」点击下载“Bootstrap 排版(二).rar”
[09:46]开始学习1-11
Bootstrap 代码类输出请确保当您使用 <pre> 和 <code> 标签时,开始和结束标签使用了 unicode 变体: &lt; 和 &gt;。
「仅限付费用户」点击下载“Bootstrap 代码.rar”
[11:45]开始学习1-13
Bootstrap 表格(二)通过把任意的 .table 包在 .table-responsive class 内,您可以让表格水平滚动以适应小型设备。当在大型设备上查看时,您将看不到任何的差别。
「仅限付费用户」点击下载“Bootstrap 表格(二).rar”
[07:43]开始学习1-14
Bootstrap 表单(一)Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。
「仅限付费用户」点击下载“Bootstrap 表单(一).rar”
[09:25]开始学习1-15
Bootstrap 表单(二)Bootstrap 支持最常见的表单控件,主要是 input、textarea、checkbox、radio 和 select。
「仅限付费用户」点击下载“Bootstrap 表单(二).rar”
[11:12]开始学习1-16
Bootstrap 表单(三)需要在一个水平表单内的表单标签后放置纯文本时,请在 <p> 上使用 class .form-control-static。
「仅限付费用户」点击下载“Bootstrap 表单(三).rar”
[12:54]开始学习1-17
Bootstrap 表单(四)Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。为了添加一个占用整个宽度的内容块,可以在 <input> 后使用 .help-block。
「仅限付费用户」点击下载“17.rar”
[09:27]开始学习1-18
Bootstrap 按钮(一)任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观,但是 Bootstrap 提供了一些选项来定义按钮的样式。
「仅限付费用户」点击下载“Bootstrap 按钮(一).rar”
[10:17]开始学习1-19
Bootstrap 按钮(二)在 <a>、<button> 或 <input> 元素上创建按钮也可以使用按钮 clas,但是建议您在 <button> 元素上使用按钮 class,避免跨浏览器的不一致性问题。
「仅限付费用户」点击下载“Bootstrap 按钮(二).rar”
[09:06]开始学习1-20
Bootstrap 图片类应用学习.img-responsive 类将 max-width: 100%; 和 height: auto; 样式应用在图片上。
「仅限付费用户」点击下载“Bootstrap 图片.rar”
[10:15]开始学习
“赵甲迪”老师的其他课程更多+