bootstrap表单

1.bootstrap表单

创新互联公司是一家集网站建设,华州企业网站建设,华州品牌网站建设,网站定制,华州网站建设报价,网络营销,网络优化,华州网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

（1）form 声明一个表单域
（2）form-inline 内联表单域
（3）form-horizontal 水平排列表单域
（4）form-group 表单组、包括表单文字和表单控件
（5）form-control 文本输入框、下拉列表控件样式
（6）checkbox check-inline 多选框样式
（7）radio radio-inline 单选框样式
（8）input-group 表单控件组
（9）input-group-addon 表单控件组物件样式
（10）input-group-btn 表单控件组物件为按钮的样式
（11）form-group-lg 大尺寸表单
（12）form-group-sm 小尺寸表单

表单

表单

邮箱地址

密码

bootstrap表单

2.bootstrap容器

container-fluid流体
container
。1170
。970
。750
。100%

3.bootstrap响应式查询区间：
（1）>=768
（2）>=992
（3）>=1200

container
流体容器




响应式容器
4.bootstrap栅格系统
bootstrap将页面横向分为12等分，按照12等分定义了适应不同宽度等分的样式类，这些样式类组成了一套响应式、移动设备优先的流式栅格系统：
（1）col-lg-大于1200排成一行，小于1200分别占一行
（2）col-md-大于992排成一行，小于992分别占一行
（3）col-sm-大于768排成一行，小于768分别占一行
（4）col-xs-始终排列成一行
container

栅格系统：col-lg-,大于1200一行
    col-lg-3
    col-lg-4
    col-lg-3
    col-lg-2








    栅格系统：col-md-,大于992一行



    col-md-3
    col-md-4
    col-md-3
    col-md-2








    栅格系统：col-sm-,大于768一行



    col-sm-3
    col-sm-4
    col-sm-3
    col-sm-2








    栅格系统：col-xs-,始终一行



    col-xs-3
    col-xs-4
    col-xs-3
    col-xs-2
5.栅格系统：响应式原理
栅格
    栅格系统：响应式