zoukankan      html  css  js  c++  java
  • bootstrap组件

    下拉菜单
    容器: dropdown dropup
    控制器 : .dropdown-toggle
    属性 data-toggle = "dropdown"
    菜单 : dropdown-menu dropdown-menu-right
    选中项 active 分割线divider 禁用项 disabled
    按钮组:
    btn-toolbar
    垂直:btn-group-vertical
    尺寸 : btn-group-* lg/sm/xs 给button的父元素加
    兩端對齊: btn-group-justified (結構必須是 btn-group 包裹btn-group)
    颜色:btn-succcess/default/info/danger/waring/primary
    块状按钮: btn-block
    连接按钮:btn-link
    表单:
    input组: input-group
    文本、单选框、复选框: input-group-addon
    表单: form-control 与父元素等宽
    尺寸:input-group-* lg/sm/xs
    按钮 :input-group-btn
     
    form组:form-group
    组件横向排列:form-inline
    水平排列:form-horizontal
    input状态: 成功:has-success 错误:has-error 警告: hans-waring
    input中的图标 :图标:form-control-feedback 容器: has-feedback
    input尺寸:input-* lg/sm
     
    导航
    导航 nav
    nav-tabs 标签页导航
    nav-pills 胶囊式导航
    nav-stacked 垂直导航
    nav-justfied 两端对齐(子元素平分容器)
    active 选中项(首选项)
    disabled 禁用项
     
    导航栏
    导航栏 navbar
    默认 navbar-default
    反色 navbar-inverse
    导航栏头部: {
    navbar-header(折叠控制按钮 标题logo)
    标题 navbar-brand
    }
    折叠 :{
    collapse/navbar-collapse(导航 表单 文本)
    导航 navbar-nav
    表单 navbar-form
    按钮 navbar-btn
    文本 navbar-text
    浮动 navbar-left/right
    链接 navbar-link
    小屏按钮 navbar-toggle
    }
    固定定位 上 navbar-fixed-top
    下 navbar-fixed-bottom
    分页 :pagination
    尺寸:pagination-*(lg大 sm小)
    翻页:pager 上一页: previous 下一页: next
    标签:label label-*
    徽章:badge
    缩略图:thumbnail 文字容器 :caption
    巨幕:jumbotron
    先写容器 再写巨幕:固定 居中带圆角
    先写巨幕 再写容器:全屏效果 内容居中显示
    警告框:
    alert
    关闭 属性 data-dismiss='alert' 移除dom节点
    类名: close
    链接: alert-link
    进度条:progress-bar 条纹:progress-bar-striped
    动态效果 active 颜色:progress-bar-*
    媒体对象:media media-right media-left media-body
    列表组: list-group 列表组成员 list-group-item
    镶入媒体: embed-responsive
    视频比例:16:9 embed-responsive embed-responsive-16by9
    4:3 embed-responsive embed-responsive-4by3
    well组件:自带凹陷效果
  • 相关阅读:
    Oracle 网络
    Oracle 实例管理
    Oracle 体系结构四 逻辑和物理存储结构之间的关系
    Oracle 体系结构三 后台进程
    Oracle 体系结构二 内存结构
    Oracle 体系结构一 概述
    SQL 二
    SQL 一
    如何获取SQL Server数据库元数据的方法
    VB.NET中使用代表对方法异步调用
  • 原文地址:https://www.cnblogs.com/bjyx/p/11982558.html
Copyright © 2011-2022 走看看