Bootstrap-基本的标签

来源:互联网 发布:网络软件工程师培训 编辑:程序博客网 时间:2024/05/21 18:48
.navbar 主要用于设置导航栏
.navbar-inverse 是对导航栏进行背景颜色取反
.navbar-header 主要用于定义导航栏头部样式
.navbar-brand 设置导航栏中的品牌


标签页导航:
.nav 实现ul标签的导航样式效果
.nav-pills 实现胶囊式导航栏
.nav-stacked 垂直
.nav navbar-nav 将一个ul的导航菜单应用在导航栏内
.navbar-right 右对齐(向右浮动)
.badge 图章类


图片样式类
.img-circle 将一张图片以圆形的方式显示


下拉菜单
.nav 导航菜单的基本样式表
.nav-pills 胶囊式导航菜单
.nav-stacked 以垂直方式显示导航菜单
.dropdown-menu 下拉菜单样式类
data-toggle 用于设置切换样式




输入组样式
.input-group 用于定义输入组样式
.form-control 用于定义输入文本框的样式
.input-group-btn 用于定义输入文本框组按钮
.input-sm 用于设置小尺寸的文本框


.btn 按钮样式的基本类
.btn-waring 警告样式的按钮
.btn-sm 设置按钮的大小




折叠菜单样式
.panel-group 定义折叠菜单组
.panel 定义一个折叠菜单
.panel-heading 菜单的头
.panel-title 菜单的标题
.panel-body 菜单的内容组
.panel-collapse 菜单的内容




面包导航
.breadcrumb


表格相关的样式
.table 表格基本样式类
.table-striped
.table-bordered 表格的边框控制
.table-condensed 紧凑的表格
.table-hover 鼠标移入移出的切换
0 0
原创粉丝点击