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

Your cart is empty.

Bootstrap 4 中文教程

Bootstrap："The most popular HTML, CSS, and JS library in the world."

Highest Rated

Created by王皓 ninghao.net

Last updated 1/2018

Chinese (Simplified)

What you'll learn

学会使用 Bootstrap 4 这套框架的基础

Course content

4 sections • 52 lectures • 1h 34m total length

准备学习 Bootstrap 41:21
快速开始4:14
项目仓库1:29

准备1:39
Alerts：提示组件1:07
Alerts：可关闭的提示2:48
Badges：标签组件1:19
Breadcrumb：导航路径1:27
Buttons：按钮组件1:20
Button group：按钮群组0:53
Card：卡片2:18
Card：卡片群组与布局1:38
Carousel：旋转木马1:54
Carousel：旋转木马的控制元素2:21
Carousel：调整旋转木马的显示1:09
Carousel：配置选项、方法与事件2:57
Collapse：切换内容的可见性1:37
Collapse：手风琴1:51
Dropdown：下拉菜单1:57
Dropdown：分离式下拉菜单1:14
Dropdown：下拉菜单的变化1:16
Dropdown：方法与事件1:48
Jumbotron：大屏幕1:10
List group：列表群组1:59
List group：切换显示的标签内容2:16
List group：方法与事件2:19
Modal：对话框2:20
Modal：对话框的选项，方法与事件1:47
Nav：导航1:19
Navbar：导航栏1:27
Navbar：响应式的导航栏1:16
Navbar：导航栏的位置1:08
Pagination：分页器1:08
Popovers：提示信息1:44
Progress：进度条0:58
Scrollspy：滚动间谍2:48
Tooltips：工具提示0:58

Requirements

语言：CSS 基础
语言：JavaScript 基础
Library：jQuery 基础
工具：文本编辑器，课程中用的是 Atom 编辑器，并安装了 Emmet 插件（可以缩写 HTML 与 CSS）
工具：命令行工具，Windows 用户推荐使用完整版的 Cmder，macOS 用户可以用系统自带的终端
工具：安装好 Node_js，并可以使用 npm 管理 package

Description

Bootstrap 是一套 CSS 与 JavaScript 的 Library，你可以基于 Bootstrap 为网站项目创建界面。课程主要目的就是让您快速了解 Bootstrap 4 框架，不会有太多的解释。课程只会告诉你，如果你需要一个 xx Component，你需要这样，这样，然后这样。

Who this course is for:

想基于 Bootstrap 框架创建网站应用项目的人
想快速了解 Bootstrap 是什么的人