• bootstrap2&3


    一 、表格中

    1. 3增加了响应式表格 为<table>外层div添加.table-responsive类,如果屏幕很窄 此时表格会出现横向滚动条

    二、 表单中

    1. 3中<label>标签不能省略,即便不想显示在界面中,可以加.sr-only类

    2. 官网中基本实例:3内用.form-group类隔开块,2中直接<fieldset>,2中如果想隔开块是加.control-group类  

    3. 对于内联表单加类.form-inline,小于一定宽度表单都会折叠,3中是768px

    4. 水平表单时:3中要配合栅格系统(分栏和移位)使用,比如input外层添加div承载栅格,2中不用

    5. 下拉框以列表形式显示:3中<select multiple class="form-control">,2中<select multiple="multiple">

    6. 3中有表单静态控件,比如用来提示用户的<p>需要和<label>放在同一行,为<p>元素添加.form-control-static类即可

    7. 2中有很多前缀后缀附加选项框的样式,3中整个表单禁用在<form>下面加<fieldset disabled>,2中加过也可以禁用,但是鼠标放上去没有禁用图标

    三、按钮和图片

    1.2中多一个.btn-inverse类按钮,2中没有.btn-default类

    2. 默认按钮的话2中直接加.btn类,3中加.btn和.btn-default类

    3. 3中按钮激活状态多加一个.active类

    4.3中添加.img-responsive类可以让图片支持响应式布局,ie8-10中需要在图像显示不匀称的地方添加100%9

    5. 关于图标,2中用<i>承载,3中用<span>承载

  • 相关阅读:
    eclipse中的项目的JRE换成JDK
    Eclipse中maven项目的创建和运行
    git 发布命令
    vbox中虚拟ubuntu增加新的虚拟硬盘
    MyServer
    java常用的中间件
    高并发解决方案
    浅谈SpringMVC
    浅谈HIbernate
    javaweb笔记七
  • 原文地址:https://www.cnblogs.com/uh-huh/p/5216467.html
Copyright © 2020-2023  润新知