Ting Web UI

Ting Web UI

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

标志

使用 .callout 创建带左侧粗边框的标志容器，白色背景加阴影，适合高亮提示信息或强调某段内容。

基础标志

使用 .callout 创建一个带有左侧灰色粗边框的标志容器。

Hello!

A wonderful serenity has taken possession of my entire soul.

<div class="callout">
    <h4>Hello!</h4>
    <p>A wonderful serenity has taken possession of my entire soul.</p>
</div>

语境色标志

使用 .callout-{context} 为左侧边框设置语境色。

主要标志

A wonderful serenity has taken possession of my entire soul.

成功标志

A wonderful serenity has taken possession of my entire soul.

信息标志

A wonderful serenity has taken possession of my entire soul.

警告标志

A wonderful serenity has taken possession of my entire soul.

危险标志

A wonderful serenity has taken possession of my entire soul.

<div class="callout callout-primary">
    <h4>主要标志</h4>
    <p>A wonderful serenity has taken possession of my entire soul.</p>
</div>

<div class="callout callout-success">
    <h4>成功标志</h4>
    <p>A wonderful serenity has taken possession of my entire soul.</p>
</div>

<div class="callout callout-info">
    <h4>信息标志</h4>
    <p>A wonderful serenity has taken possession of my entire soul.</p>
</div>

<div class="callout callout-warning">
    <h4>警告标志</h4>
    <p>A wonderful serenity has taken possession of my entire soul.</p>
</div>

<div class="callout callout-danger">
    <h4>危险标志</h4>
    <p>A wonderful serenity has taken possession of my entire soul.</p>
</div>