Ting Web UI
简洁、直观、强悍、跨浏览器的前端开发框架，让web开发更迅速、简单。
简洁、直观、强悍、跨浏览器的前端开发框架，让web开发更迅速、简单。
| 类 | 描述 |
|---|---|
| .loading-circular | 环形加载指示 |
| .loading-grow | 闪烁加载指示 |
| 类 | 描述 |
|---|---|
| .btn | 为按钮添加基本样式 |
| .btn-default | 默认/标准按钮 |
| .btn-primary | 原始按钮样式（未被操作） |
| .btn-outline | 外面一圈的按钮 |
| .btn-success | 表示成功的动作 |
| .btn-info | 该样式可用于要弹出信息的按钮 |
| .btn-warning | 表示需要谨慎操作的按钮 |
| .btn-danger | 表示一个危险动作的按钮操作 |
| .btn-label | 按钮内部文字 |
| .btn-icon-left | 按钮内部左侧图标 |
| .btn-icon-right | 按钮内部右侧图标 |
| .btn-lg | 制作一个大按钮 |
| .btn-sm | 制作一个小按钮 |
| .btn-xs | 制作一个超小按钮 |
| .btn-block | 块级按钮(拉伸至父元素100%的宽度) |
| .caret | 按钮旁的小三角形 |
| .close | 关闭按钮 |
| 类 | 描述 |
|---|---|
| .btn-toolbar | 按钮工具栏 |
| .btn-group | 按钮组 |
| .btn-group-justified | 宽度均分按钮组 |
| .btn-group-vertical | 垂直排列按钮组 |
breadcrumb在一个带有层次的导航结构中标明当前页面的位置。
导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。提供了选项卡标签页、胶囊标签页、下划线标签页三种。
| 类 | 描述 |
|---|---|
| .tabbable | tab切换框总框 |
| .nav | tab导航 |
| .nav-tabs .nav-pills .nav-pivot |
tab导航类型，有三种类型 |
| .tab-content | tab内容 |
| .tab-pane | tab内容项目 |
为您的网站或应用提供带有展示页码的分页组件，或者可以使用简单的翻页组件。
| 类 | 描述 |
|---|---|
| .pagination | 分页列表 |
| .pagination-lg .pagination-sm .pagination-xs |
分页大小 |
| .pager | 前后分页 |
| .previous | 前页 |
| .next | 后页 |
| 类 | 描述 |
|---|---|
| .tag | 标签 |
| .tag-default .tag-primary .tag-success .tag-info .tag-waring .tag-danger |
语境颜色 |
| .tag-lg .tag-sm .tag-xs |
标签大小 |
| .label | 实心标签 |
给链接、导航等元素嵌套 <span class="badge"> 元素，可以很醒目的展示新的或未读的信息条目。
Inbox 2
| 类 | 描述 |
|---|---|
| .alert | 警告框 |
| .alert-dismissible | 可关闭警告框 |
| .alert-success .alert-info .alert-warning .alert-danger |
不同的风格 |
| .alert-link | 警告链接 |
| 类 | 描述 |
|---|---|
| .select-list | 可选列表 |
There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
| 类 | 描述 |
|---|---|
| .tree | 树 |
| .tree-icon | 树图标 |
| .tree-caret | 树三角尖 |
| .collapse | 收起树 |
| 类 | 描述 |
|---|---|
| .sidebar | 亮色侧栏 |
| .sidebar-inverse | 暗色侧栏 |
| .sidebar-nav | 侧栏导航 |
| .sidebar-nav-header | 侧栏导航头部 |
| .sidebar-nav-body | 侧栏导航身体部分 |
| .expanded | 展开的侧栏导航头部 |
| .collapsed | 收起的侧栏导航身体部分 |
| .nav-list | 导航列表 |
| .nav-list-item | 导航列表项 |