Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

学习使用Bootstrap 构建一个响应式的登录页面

一个为初学者快速构建响应式网站的学习指南

Created byfei ye

Last updated 9/2020

Chinese (Simplified)

What you'll learn

使用Bootstrap 构建响应性网页
学习如何根据屏幕大小调整网站内容
学习将传统的HTML和CSS转换为Bootstrap的基础知识。
了解关于引导网格和列的最佳实践
基本的引导布局技术

Course content

5 sections • 62 lectures • 20h 29m total length

01-课程概要37:53
02-文档结构120:04
03-视口24:30
04-Bootstrap默认模版17:10
05-全局CSS样式34:54
06-Bootstrap组件快速过11:30
07-回顾上午的小点9:44
08-顶部通栏（字体图标）35:45
09-通栏左边16:40
10-加号选择器7:50
11-通栏头部完成11:08
12-图标字体回顾8:01
13-icomoon使用6:31
14-导航样式29:16
15-hidden-辅助类型3:35
16-响应式菜单10:07

01-复习49:24
02-谷歌浏览器开发工具保存修改4:57
03-背景图的方式实现长条图居中29:50
04-轮播图自适应30:09
05-小图需要IMG的方式呈现8:03
06-配合CSS媒体查询实现图片响应式7:34
07-回顾刚刚的易错点6:02
08-网站特色板块16:39
09-立即预约板块15:01
10-tab选项卡使用14:14
11-tab选项卡样式调整12:03
12-面板样式37:49
13-内部样式13:13

Requirements

您应该掌握HTML和CSS的基本知识。

Description

★ 一步步带你实战，并同时理解Bootstrap的基本原理，让你在工作上运用自如！

★ 不管你是从头学或是学过Bootstrap，保证让你无缝接轨，轻松应对！

★ 在职的前端工程师将业界的经验引入课程教学，绝对是最强实作！

想要快速製作出响应式RWD网页，你一定要试试Bootstrap，它是目前最受欢迎的CSS前端框架，也是能快速做出各尺寸装置的效率神器！

本课程除了将Bootstrap的原理核心清楚讲解外，并带入业界经验的范例，让你清楚知道Bootstrap个功能的实际应用，不会听完还在一头雾水。

Who this course is for:

网页设计师
前端工程师
视觉设计师
想了解RWD 响应式网站的人
后端工程师
具有基础网页技能(HTML/CSS)的人