HTML5技术

bootstrap 基础(二) - 许大仙(2)

字号+ 作者:H5之家 来源:H5之家 2017-09-13 12:06 我要评论( )

bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"/scriptscript src="https://oss.maxcdn.com/libs/respond.js/1.3.0/

bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif] .top{ width border margin overflow .pull-left{ width height background-color .pull-right{ width height background-color左边哦右边啦

  • 清除浮动:在父元素上直接添加class="clearfix"。
  • bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif] .top{ width border margin .pull-left{ width height background-color .pull-right{ width height background-color左边哦右边啦

    4 表单 4.1 基本表单

    bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱

  • class="form-control"给表单增加样式
  • bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱

  • class="form-group" 让label标签和input标签形成一个表单组。
  • bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码

  • class=“form-control” 是给输入框加,比如input、textare标签。
  • class="form-group" 是给输入框的父元素加,即外面的盒子加<div></div>
  • 4.2 多选框

    bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享

  •  class="checkbox-inline" 是的每个多选框是一行
  • bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享

  •  禁止:原先直接在input标签上加disabled
  •  

    bootstrap学习 屏幕和设备的宽度保持一致,初始缩放为1:1 [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]邮箱密码手机号唱歌跳舞写代码分享

  • 这种方式只能在多选框上显示禁止效果,不能和文字一起显示禁止效果。  
  • 在多选框的父元素上增加class="disabled",这样就能实现文字鼠标任意滑动都能实现禁止效果。   
  •  

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • Java基础精选,你答对了几道? - 小柒2012

      Java基础精选,你答对了几道? - 小柒2012

      2017-09-09 17:11

    • 【前端笔记】 CSS 基础 - 专注精彩

      【前端笔记】 CSS 基础 - 专注精彩

      2017-09-04 14:01

    • 负载均衡基础知识 - coderbinbin

      负载均衡基础知识 - coderbinbin

      2017-09-01 15:05

    • canvas基础 - 一颗快乐心

      canvas基础 - 一颗快乐心

      2017-08-03 15:00

    网友点评
    s