.wrap
或.wrapper
-- 用于外侧包裹
.container或 .ct
-- 包裹容器
.header
-- 用于头部
.body
-- 页面 body
.footer
-- 页面尾部
aside、sidebar
-- 用于侧边栏
.content
-- 和header footer
对应,用于主要内容
.navigation
-- 导航元素
.pagination
-- 分页
.tabs > .tab
-- tab 切换
.breadcrumbs
-- 导航列表、面包屑
.dropdown
-- 下拉菜单
.article
-- 文章
.main
-- 用于主体
.thumbnail
-- 头像,小图像
.media
-- 媒体资源
.panel
-- 面板
.tooltip
-- 鼠标放置上去的提示
.popup
-- 鼠标点击弹出的提示
.button
、.btn
-- 按钮
.ad
-- 广告
.subnav
-- 二级导航
.menu
-- 菜单
.tag
-- 标签
.message
或者.notice
-- 提示消息
.summary
-- 摘要
.logo
-- logo.search
-- 搜索框
.login
-- 登录
.register
-- 注册
.username
-- 用户名
.password
-- 密码
.banner
-- 广告条
.copyright
-- 版权
.modal
或者 .dialog
-- 弹窗
var 名字 = {
状态: [
inverse
,
toggled
,
switched
,
original
,
initial
,
identified
,
disabled
,
loading
,
pending
,
syncing
,
default
],
修饰: [
dark
,
light
,
shaded
,
flat
,
ghost
,
maroon
,
pale
,
intense
,
twisted
,
narrow
,
wide
,
smooth
,
separate
,
clean
,
sharp
,
aligned
],
元素: [
pagination
,
modal
,
popup
,
article
,
story
,
flash
,
status
,
state
,
media
,
block
,
card
,
teaser
,
badge
,
label
,
sheet
,
poster
,
notice
,
record
,
entry
,
item
,
figure
,
square
,
module
,
bar
,
button
,
action
,
knob
],
布局: [
navigation
,
wrapper
,
inner
,
header
,
footer
, aside
,
section
,
divider
,
content
,
container
,
panel
,
pane
,
construct
,
composition
,
spacing
,
frame
]
}