• BootStrapCSS选项列表大全


    将以前学习的总结整理下:以下是BootStrap-CSS选项大全

    手风琴效果

    accordion

    accordion-group

    accordion-headin 

    accordion-inner

    accordion-toggle

    active 选中状态

    add-on

    弹出提示信息

    Alert

    Alert-heading

    Alert-block

    Alert-danger

    Alert-error

    Alert-success

    Alert-info

    Arrow 出现一个箭头

    Bar

    Brand  商标效果

    Breadcrumd 面包屑,提示在网站那个位置

    按钮效果

    Btn

    Btn-group  它的元素下可设置多个btn

    Btn-dark

    Btn-primary

    Btn-inverse  黑色

    Btn-info

    Btn-danger

    Btn-warning

    Btn-success

    Btn-mini

    Btn-small

    Btn-large

    Btn-navbar

    Btn-toolbar

    Caption 标题效果

    Caret 插入符号

    图片循环展示

    Carousel

    Carousel-inner

    Carousel-caption

    carousel-control  data-slide='前一张'

    Checkbox 复选框效果

    Clearfix

    Close 在alert中显示‘x’按钮

    Collapse

    显示框

    Container

    Container-fluid

    Control-group

    Control-label

    Controls

    Disabled 使得元素不能点击,点击没有效果

    Divider           相当于<hr />

    Divider-vertical

    点击按钮出现,下面弹出另一个

    Dropdown

    Dropdown-toggle  data-toggle=“dropdown”

    Dropdown-menu

    Fade     隐藏

    In       显示

    对表单处理

    Form-actions

    Form-inline 表单中的元素水平显示

    Form-horizontal 垂直显示

    Form-search     搜索框

     

    Help-block      提示信息,在表单中用到,如’请输入至少5个字符‘

    Help-inline

     

    Hero-unit      相当于报纸头版效果

     

    Hide          隐藏元素

     

    Icon-*        小图标,*表示很多,用到的时候再找对应的

     

    对input的处理

    Input-append

    Input-prepend

    Input-mini

    Input-small

    Input-medium  中等大小

    Input-large

    Input-xlarge

    Input-xxlarge

    Uneditable-input

    Uneditable-textarea

     

    Invisible       隐藏

    Item            一项

     

    标签

    Label

    Label-important

    Label-success

    Label-info

    Label-warning

    Large           大

     

    Lead

     

    点击一个元素,弹出一个窗口即modal

    Modal        data-toggle=’modal‘

    Modal-backdrop     modal的背景

    Modal-header       modal的头部

    Modal-body

    Modal-footer

    Modal-form

    Modal-open

     

    Muted          无声的,使文本柔和显示

     

    导航效果

    Nav

    Nav-collapse

    Nav-header

    Nav-list

    Nav-fills

    Nav-tabs

    Nav-stacked

     

    Navbar  包含一个或多个nav

    Navbar-fixed-top      固定到网页头部

    Navbar-inner

    Navbar-form          嵌入表单,如:注册输入框

    Navbar-header

    Navbar-text

    Navbar-search

     

    Next          下一个

    Offset1-offset11      间隔

    Open

    分页处理

    Page-header

    Pager

    Pagination      数值页码

    Pagination-centered

    Pagination-right

    Previous        上一个

    Prev

     

    Pill-content    pill 药丸,子弹

    Pill-pane       pane 窗格

     

    Tab-content    tab 标签,制表,账单

    Tab-pane

    Tabbable

     

    Tabs-below

    Tabs-left

    Tabs-right

    Tabs-stacked

     

    Popover

    Popover-content

    Popover-title

    Popover-inner

     

    Pre-scrollable

     

    Prettyprint

     

    滚动条效果

    Progress

    Progress-info

    Progress-success

    Progress-danger

    Progress-striped  带条纹

     

    Pull-left        布局的,到左边

    Pull-right

     

    Radio

     

    行效果,布局用的

    Row

    Row-fluid

     

    Search-query

     

    Show

     

    Span1-span12         相当于td,数值表示大小,即’列‘效果

     

    表格处理

    Table

    Table-bordered

    Table-condensed condensed 浓缩的,扼要的

     

    产生个圆边框效果

    Thumbnail

    Thumbnails

     

    tooltip

    Tooltip-arrow

    Tooltip-inner

     

    Typeahead      <input type="text" data-provide="typeahead">

     

     

     

    Unstyled

     

    Well      

     

    上面是class的值,或rel的值,等等,还有待深入研究

     

    元素的属性

    Data-spy

    Data-target     相当于href,指定跳转到的位置

    Data-toggle     激活对应js中的方法

    Data-offset     还不知道

    Data-content

    Data-dismiss

    Data-loading-text

    Data-*-text

    Data-parent     该元素的父元素

    Data-slide      跳转 data-slide="prev" data-slide="next"

    Data-provide    dataprovide="typeahead"

    Data-items

    Data-source      接受一个数组为值

  • 相关阅读:
    Using Change Management and Change Control Within a Project
    swift3.0 label改变行间距
    swift清理缓存
    Alamofire的get请求,post请求,以及上传字典
    swift跳转时隐藏tabbar,跳回时显示
    swift获取当前的Version
    swift回收键盘
    OC中常用的设计模式
    关于iOS多线程
    理解 : UDID、UUID、IDFA、IDFV
  • 原文地址:https://www.cnblogs.com/shijiewutonghua/p/3018519.html
Copyright © 2020-2023  润新知