文档库

最新最全的文档下载
当前位置:文档库 > bootstrap

bootstrap

标记可搭配使用可搭配使用未懂

重要样式

index.html首页

body可设置属性状态

page-header-fixed-mobile页眉固定移动

page-footer-fixed-mobile页脚固定移动

page-sidebar-closed siderbar收起,但初始内容未改变

page-sidebar-menu-closed切换siderbar菜单收起

page-sidebar-hide切换siderbar时隐藏,不显示下部缩略图

page-sidebar-closed-hide-logo切换siderbar菜单隐藏logo,只显示缩略图

page-sidebar-fixed固定siderbar,但子子菜单不显示

page-footer-fixed页脚固定

page-sidebar-reversed菜单右侧显示

page-full-width全屏显示,侧边siderbar不显示

page-boxed

page-header-fixed预留固定页眉距离(页眉固定)

page-container-bg-solid页面容器背景固定

头部状态

page-header头部样式

navbar头部样式

navbar-fixed-top固定头部,取消头部固定时需要将预留固定页眉距离去掉头部内状态

page-header-inner 内页标题(无样式变化)

container boxed fliud 状态切换,去掉则满屏显示

logo状态

page-logo头部logo样式

a logo-default logo样式

div menu-toggler菜单总缩略图样式,显示

sidebar-toggler菜单总缩略图样式,实现动态

hide隐藏样式

响应性菜单切换状态

menu-toggler菜单切换

responsive-toggler响应切换

页面操作状态

page-actions样式

hide隐藏样式,去掉后在搜索框前显示“新消息”和“提div btn-group按钮组样式

div-button btn按钮整体样式

btn-circle按钮圆边样式

red-pink按钮红色样式,默认浅灰色

green-haze按钮蓝绿色样式

dropdown-toggle下拉菜单切换(无变化)

div-button-i icon-bar-chart图表-图标样式 按钮前图标

icon-bell铃铛-图标样式

icon-envelope-open信封打开-图标样式

icon-calendar日历-图标样式

div-button-span hidden-sm小?(无样式变化)

hidden-xs增强?(无样式变化)

div-button-i fa向下的角图标-图标样式

fa-angle-down向下的角图标-图标样式

fa-plus加号图标-图标样式

fa-bolt闪电-图标样式

fa-bell-o 铃铛-图标样式fa-bullhorn 喇叭-图标样式

div-ul dropdown-menu 隐藏的下拉菜单样式

dropdown-menu-default

div-ul-li-i icon-user 人-图标样式

icon-present 礼物-图标样式icon-basket 购物车-图标样式icon-flag 小旗子-图标样式icon-users 两个人-图标样式icon-docs 纸-图标样式icon-tag 标签-图标样式icon-share 分享-图标样式icon-rocket 火箭-图标样式icon-lock 锁-图标样式icon-key 钥匙-图标样式

div-ul-li-span badge 消息数字框样式配合下面一起使用

badge-success 绿色-消息数字框badge-danger 红色-消息数字框badge-warning 黄色-消息数字框badge-default 蓝色-消息数字框头部整体样式、搜索框状态page-top 头部整体样式

form search-form 搜索框样式

search-form-expanded 去掉后,全部隐藏搜索框,只留图标,当

form-div input-group 输入框组样式

form-div-input form-control 输入框样式form-div-span input-group-btn 输入框样式form-div-span-a btn 搜索按钮样式(无样式变化、去掉不可点

submit 搜索按钮样式(无样式变化、去掉不可点

i icon-magnifier 搜索-图标样式

顶部导航菜单状态top-menu 顶部菜单样式

ul nav ul样式

navbar-nav ul样式pull-right ul下拉菜单布局样式

ul-li dropdown li样式

dropdown-user li样式dropdown-dark li下拉菜单深色风格dropdown-extended li下拉菜单布局样式-浅色-默认dropdown-notification 下拉通知(无样式变化)dropdown-inbox 样式-字体行高dropdown-tasks 样式-进度条

ul-li-a dropdown-toggle 样式

ul-li-ul dropdown-menu 样式

username-hide-on-mobile 样式extended 样式(无变化)tasks 样式(无变化)

ul-li-ul-li external 下拉单表头样式ul-li-ul-li-span bold 字体加粗样式ul-li-ul-li-ul dropdown-menu-list 下拉单表内样式

scroller 实现滚动样式

time 时间内容样式

details 字与图标距离样式

label 前图标样式

ul-li-ul-li-ul-li-span

label-sm 前图标样式(无变化)label-icon 前图标样式 内部距离label-success 蓝色label-danger 红色label-warning 黄色label-info

绿色

photo

照片样式subject

样式

from 姓名部分样式message

消息样式

img img-circle

图片圆角(无变化)task

样式

desc

字体样式percent 百分数样式progress style="width:30%;"进度条

progress-bar

进度条样式progress-bar-success 进度条-绿色progress-bar-danger 进度条-红色progress-bar-warning 进度条-黄色progress-bar-info

进度条-蓝色

progress-bar-important

进度条-深蓝斜条sr-only 隐藏字体提示

状态

page-container 样式(无变化)侧边导航page-sidebar-wrapper

ul-li-ul-li-ul-li-span ul-li-ul-li-ul-li-span ul-li-ul-li-ul-li-span-span

纯样式,不可去掉

默认

下部缩略图

只显示缩略图

固定页眉距离去掉

则满屏显示

在搜索框前显示“新消息”和“提醒”按钮

配合下面一起使用

配合下面一起使用

全部隐藏搜索框,只留图标,当点击时搜索框全部展开样式(无样式变化、去掉不可点击)

样式(无样式变化、去掉不可点击)

单布局样式

单深色风格

单布局样式-浅色-默认

(无样式变化)

式(无变化)式 内部距离(无变化)