2021/6/13 bootstrap-组件

'''
下拉菜单
dropdown/dropup
dropdown-menu dropdown-menu-right
divider
dropdown-header
disabled
按钮组
btn-toolbar
btn-group btn-group-lg/
btn-group-vertical
btn-group btn-group-justified

按钮式下拉菜单
btn-group
分裂
button

输入框组
input-group
input-group-addon
input-group-btn

导航
nav nav-tabs
nav-pills

nav-stacked
nav-justified

active
disabled
导航条
navbar navbar-default/inverse navbar-fixed-top/bottom navbar-static-top
navbar-header
button data-target="#id"
span
a navbar-brand span

collapse navbar-collapse id
ul navbar-nav
form navbar-form
button navbar-button
p navbar-text

navbar-left
navbar-right
路径导航
ol breadcrumb

分页
pagination pagination-lg/sm/xs
«
»
pager
previous
next
←
→

标签
label label-default/success/

徽章
badge

巨幕
jumbotron
container
xx

页头
page-header

缩略图
栅格系统
thumbnail
caption

警告框
alert alert-success/
alert-link

进度条
progress
progress-bar progress-bar-success/
min-width: em; width= %;
progress-bar-striped active

媒体对象
media
media-left
media-object
media-body
media-heading
media-right
media-list

列表组
list-group
list-group-item active disabled
list-group-item-success
list-group-item-heading
list-group-item-text

面板
panel panel-success/
panel-heading
panel-title
panel-body
panel-footer
table
list-group

well
well-lg/sm
'''
posted @ 2021-06-13 09:18  zzwYYYYYY  阅读(52)  评论(0编辑  收藏  举报