Bootstrap

CSS Framework

网站项目的前端不需要从头开始，可以基于 Bootstrap 这个 CSS 框架去做。 基本的样式，布局，导航，按钮，下拉菜单，幻灯片等等，这些常用的组件在 Bootstrap 里都可以找到。

浏览课程

谁在用

CASE

Bootstrap 框架的出现改变了整个 Web 的样式，让不懂设计的工程师也可以做出漂亮的界面。 查看更多应用案例

特色

FEATURE

Bootstrap 让前端 Web 开发变得更容易，更快捷，它是最受欢迎的 CSS 框架。

可定制

想快速启动，可以使用 Bootstrap 的 CSS 样式表。想按需求去定制，可以使用 Bootstrap 的 Sass 或 Less 预处理器，定制后再重新编译成 CSS。

多设备

你的网站或者应用，会随着用户设备的变化而变化，从手机到平板，再到桌面设备，Bootstrap 可以适应所有这些设备。

全功能

页面基本的样式，比如标题，代码，列表等等，还有常用的组件，比如选项卡，幻灯片，对话框，导航栏等等，这些在 Bootstrap 框架里都能找到。

使用统计

USAGE STATISTIC

全世界排名前 1 万的网站里，9.4% 使用了 Bootstrap。

9.4%
Top 10k
8.2%
Top 100k
7.3%
Top Million

学习

LEARN

学会基本的 HTML 与 CSS，你就可以使用 Bootstrap 创建应用的界面了。 想要定制 Bootstrap，还要学下 CSS 预处理，比如 Sass 或 Less。 另外 Bootstrap 带了些 jQuery 组件，所以你需要学点 JavaScript 还有 jQuery。

前端：HTML + CSS 前端：CSS 预处理 前端：JavaScript

基础

BASIC

Bootstrap 为页面上的元素定义了基本的样式，应用这些样式，你需要使用这些特定的元素，或者在元素上应用指定的 CSS 类。 有些样式要求你要使用指定的标签结构，在不同的标签上使用不同的 CSS 类。这部分内容可以直接参考 Bootstrap 的文档，很容易理解。

Bootstrap 2 基础：基本 - 表单 - 按钮

布局

LAYOUT

Bootstrap 自带一套 12 栏的网格系统，布局页面你需要用到这个网格系统。

Bootstrap 3 基础：布局

组件

COMPONENT

Bootstrap 里的组件就是页面上常用的一些东西，比如导航栏，分页器，表格，表单等等。使用这些东西可能需要特定结构的 HTML 标签。

Bootstrap 3 基础：导航栏

交互

JavaScript

Bootstrap 里有些组件附带一些交互功能，比如对话框组件，点击某些元素时可以触发显示对话框，打开与关闭对话框里可能会发生一些事件。 我们可以使用这些组件定义的方法与事件去做一些事情。

Bootstrap 3 基础：对话框 - 旋转木马

订阅

您可以在一年内在线学习所有的过去与未来的课程。

现在就去订阅

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点