Ting Web UI

简洁、直观、强悍、跨浏览器的前端开发框架,让web开发更迅速、简单。

助手

清除浮动

描述
.pull-left 元素浮动到左边
.pull-right 元素浮动到右边
.clearfix 清除容器内的浮动浮动

例子

视觉隐藏

通过 .visually-hidden 类在视觉上隐藏某个元素的同时,仍然能够被辅助技术识别。

描述
.visually-hidden 在视觉上隐藏某个元素。

显示

描述
.hidden-desktop 在电脑上隐藏隐藏
.hidden-mobile 在手机或平板上隐藏
.hidden-phone 在手机隐藏
.hidden-tablet 在平板隐藏
.hidden-lg 在大屏幕隐藏
.hidden-md 在中隐藏
.hidden-sm 在略小隐藏
.hidden-xs 在小隐藏
.hidden 强制元素隐藏
.block 将元素显示为block
.inline-block 将元素显示为inline-block
.inline 将元素显示为inline

文本截断

描述
.line-{n} 强制高度为n行,n为0~9。
.line-max-{n} 高度不得超过n行,n为0~9。
.line-min-{n} 高度不得低于n行,n为0~9。

图标

描述
.icon 表示一个图标,生成一个方形inline-block。
.icon-fw 可以将图标设置为一个固定宽度。
.icon-lg .icon-2x .icon-3x .icon-4x 大字体图标。
.icon-rotate-* .icon-flip-* 对图标进行旋转和翻转

使用方法

动画

描述
.animated 动画基础类。
.animated.infinite 循环动画。
.animated.fast 快速。
.animated.slow 慢速。

使用方法