bootstrap
主要分为四个部分:
(1)全局CSS样式
容器、按钮、图片、文本、背景、浮动、排版、栅格系统、表格、表单
(2)组件
Glyphicons、下拉菜单、按钮组、导航、导航条、路径导航、分页、标签、徽章、巨幕、页头、缩略图、警告框、进度条、媒体对象、列表组、面板、具有响应式特性的嵌入内容、Well
(3)js插件
过渡、模态框、下拉菜单、滚动监听、标签页、工具提示、弹出框、警告框、按钮、Collapse、Carousel、Affix
(4)定制
nav:
navbar navbar-inverse navbar-fixed-top navbar-header
btn:
.btn-default .btn-danger .btn-info .btn-primary .btn-success .btn-warning .btn-lg .btn-sm .btn-xs .btn-block .btn-link
img:
.img-responsive:响应式图片max-width:100%; display:block;
.img-circle:图片显示为圆形
.img-rounded:圆角图片
.img-thumnail:缩略图片(会添加图片边框)
text:
.text-primary
.text-danger
.text-info
.text-success
.text-warning
.text-left 文本左对齐
.text-right 文本右对齐
.text-center 文本居中对齐
.text-justify 文本调整对齐(两端对齐)
.text-lowercase文本中每个单词都小写
.text-uppercase文本中每个单词都大写
.t
主要分为四个部分:
(1)全局CSS样式
容器、按钮、图片、文本、背景、浮动、排版、栅格系统、表格、表单
(2)组件
Glyphicons、下拉菜单、按钮组、导航、导航条、路径导航、分页、标签、徽章、巨幕、页头、缩略图、警告框、进度条、媒体对象、列表组、面板、具有响应式特性的嵌入内容、Well
(3)js插件
过渡、模态框、下拉菜单、滚动监听、标签页、工具提示、弹出框、警告框、按钮、Collapse、Carousel、Affix
(4)定制
nav:
navbar navbar-inverse navbar-fixed-top navbar-header
btn:
.btn-default .btn-danger .btn-info .btn-primary .btn-success .btn-warning .btn-lg .btn-sm .btn-xs .btn-block .btn-link
img:
.img-responsive:响应式图片max-width:100%; display:block;
.img-circle:图片显示为圆形
.img-rounded:圆角图片
.img-thumnail:缩略图片(会添加图片边框)
text:
.text-primary
.text-danger
.text-info
.text-success
.text-warning
.text-left 文本左对齐
.text-right 文本右对齐
.text-center 文本居中对齐
.text-justify 文本调整对齐(两端对齐)
.text-lowercase文本中每个单词都小写
.text-uppercase文本中每个单词都大写
.t