BootStrap 的使用
2016-07-18 17:00
465 查看
page-header:设置页面的标题样式
Div 样式:
container:设置页面的内容
col-md-5 :设置div显示的大小为中度大小占5个格:中度总共将屏幕分为12个格
col-xs-* 这是超小屏幕类(<768px),类似手机等设备。
col-sm-* 这是小屏幕设备类(≥768px且<992px),类似平板设备。
col-md-* 这是中型设备类(≥992px且<1200px)。
col-lg-* 这是大型设备类(≥1200px)。
Button 的样式:
btn btn-primary :设置按钮样式为蓝色样式
btn btn-primary center-block:设置按钮样式为蓝色样式,并且居中显示
Form 的样式
form-horizontal: 设置页面水平垂直方向显示
form-group:设置form控件的内容适中
form-control:设置form中input控件样式
Div 样式:
container:设置页面的内容
col-md-5 :设置div显示的大小为中度大小占5个格:中度总共将屏幕分为12个格
col-xs-* 这是超小屏幕类(<768px),类似手机等设备。
col-sm-* 这是小屏幕设备类(≥768px且<992px),类似平板设备。
col-md-* 这是中型设备类(≥992px且<1200px)。
col-lg-* 这是大型设备类(≥1200px)。
Button 的样式:
btn btn-primary :设置按钮样式为蓝色样式
btn btn-primary center-block:设置按钮样式为蓝色样式,并且居中显示
Form 的样式
form-horizontal: 设置页面水平垂直方向显示
form-group:设置form控件的内容适中
form-control:设置form中input控件样式
相关文章推荐
- bootstrap之双日历时间段选择控件示例—daterangepicker(中文汉化版)
- bootstrap实现弹出提示为图片
- Bootstrap表单
- 基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
- 利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件
- Bootstrap 布局组件(全)
- Bootstrap零基础入门教程(三)
- ExtJS-bootstrap.js的工作方式
- Bootstrap零基础入门教程(二)
- Bootstrap插件全集
- Bootstrap零基础学习第一课之模板
- ASP.NET MVC Bootstrap极速开发框架
- 从零开始学Bootstrap(3)
- bootstrap教程(一)———bootstrap标题(一)
- bootstrap的基本模板
- jsp bootstrap表单页面
- bootstrap完整导航栏
- Bootstrap 插件
- Bootstrap 布局组件
- BootStrap简介及应用要点