登录免费注册



Bootstrap

首页  思维导图  详情



Bootstrap

2016-07-09 17:37:32   0  举报





仅支持查看

AI智能生成

Bootstrap学习

学习笔记

模版推荐

作者其他创作

大纲/内容

定义：html,css,javascript集合框架

应用

bootstrap.min.css

jquery.min.js

bootstrap.min.js

Grid 布局系统

设备尺寸

大尺寸

1170px(>=1200px)

col-lg-xx

中等尺寸

970px-1170px(>=992px

col-md-xx

小设备

>=768px

col-sm-xx

极小设备

<768px

col-xs-xx

设置偏移

col-xx-offset-xx

显示/隐藏

显示

visible-**-block

隐藏

hidden-**

布局

固定

container

流式

container-fluid

响应式

根据不同设备用不同布局

排版

标题

h1

...

h6

对齐

text-right

text-left

text-center

justify

强调

text-muted

text-primary

text-success

text-info

text-warning

text-danger

常用组件

表格 table

table

table-striped

table-bordered

table-hover

表单 form

编组 form-group

控件 form-control

标签 control-label

水平对齐 form-horizontal

内联对齐 form-inline

插件 input-group

input-group-addon

按钮 button

btn

btn-xxx

btn-primary

btn-default

btn-info

btn-danger

...

btn-尺寸

btn-sm

列表分组 list group

外层容器 list-group

里层列表项 list-group-item

可选 active

计数器装饰 badge

按钮编组 button group

横排 btn-group

竖排 btn-group-vertical

图片

圆角 img-rounded

圆形 img-circle

缩略图 img-thumbnail

自适应 img-responsive

面板 panel

外层容器 panel

默认样式 panel-default

标题 panel-heading

内容 panel-body

页脚 panel-footer

导航 nav

nav容器 navbar

默认样式 navbar-default

增加分页navigation

ul=>pagination

助手方法（通用）

颜色

text-xx

背景

bg-success

...

左右放置

pull-right

pull-left

图标字体

font-awesome

引用样式文件

内联元素

fa fa-xxx

ui.bootstrap.accordion

 Collect

Get Started

ui.bootstrap.accordion

AngularJS Dependency Injection

 Collect

Get Started

AngularJS Dependency Injection

netty-BootStrap

 Collect

Get Started

netty-BootStrap

 Collect

Get Started

Bootstrap时序图













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document