jakchen 前端工程师

bootstrap 思维导图学习笔记

2017-12-14
jakchen

简介

bootstrap简介

开始使用

bootstrap开始使用

基本结构

一个带有网格系统、链接样式、背景的基本结构。

CSS

全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。

概览

bootstrap概览

网格系统

bootstrap网格系统

排版

bootstrap排版

代码

bootstrap代码

表格

bootstrap表格

表单

bootstrap表单

按钮

bootstrap按钮

图片

bootstrap图片

辅助类

bootstrap辅助类

响应式实用工具

bootstrap响应式实用工具

使用Less

未完待续``````

布局组件

十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。

字体图标(Glyphicons)

bootstrap字体图标(Glyphicons)

下拉菜单(Dropdowns)

bootstrap下拉菜单(Dropdowns)

按钮组

bootstrap按钮组

按钮下拉菜单

bootstrap按钮下拉菜单

输入框组

bootstrap输入框组

导航元素

bootstrap导航元素

导航栏

bootstrap导航栏

面包屑导航

bootstrap面包屑导航

分页

bootstrap分页

标签

bootstrap标签

徽章(Badges)

bootstrap徽章(Badges)

超大屏幕(Jumbotron)

bootstrap超大屏幕(Jumbotron)

页面标题(Page Header)

bootstrap页面标题(Page Header)

缩略图

bootstrap缩略图

警告

bootstrap警告

进度条

bootstrap进度条

多媒体对象(Media Object)

bootstrap多媒体对象(Media Object)

列表组

bootstrap列表组

面板(Panels)

bootstrap面板(Panels)

Well

bootstrap Well

插件

十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。

概览

bootstrap 概览

过渡效果(Transition)插件

bootstrap 过渡效果(Transition)插件

模态框(Modal)插件

bootstrap 模态框(Modal)插件

下拉菜单(Dropdown)插件

bootstrap 下拉菜单(Dropdown)插件

滚动监听(Scrollspy)插件

bootstrap 滚动监听(Scrollspy)插件

标签页(Tab)插件

bootstrap 标签页(Tab)插件

提示工具(Tooltip)插件

bootstrap 提示工具(Tooltip)插件

弹出框(Popover)插件

bootstrap 弹出框(Popover)插件

警告框(Alert)插件

bootstrap 警告框(Alert)插件

按钮(Button)插件

bootstrap 按钮(Button)插件

折叠(Collapse)插件

bootstrap 折叠(Collapse)插件

轮播(Carousel)插件

bootstrap 轮播(Carousel)插件

附加导航(Affix)插件

bootstrap 附加导航(Affix)插件

其他

待续``````

定制

定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本

有用资源

bootstrap 有用资源

可视化布局

bootstrap中文官网

bootstrap英文官网

Less教程

Less教程2


Comments

Content