导读 | Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。 |
Foundation 标签
.label 类用于提供一些附加信息:
实例
<h2>Example <span class="label">New</span></h2> <h3>Example <span class="label">New</span></h3> <h4>Example <span class="label">New</span></h4>
以下类可以设置标签的颜色: .secondary, .success, .info, .warning 或 .alert:
实例
<span class="label">Default Label</span> <span class="label secondary">Secondary Label</span> <span class="label success">Success Label</span> <span class="label info">Info Label</span> <span class="label warning">Success Label</span> <span class="label alert">Alert Label</span>
圆角标签
.radius 与 .round 类可以为标签添加圆角:
实例
<span class="label">Default Label</span> <span class="label radius">Radius Label</span> <span class="label round">Round Label</span> <span class="label success round">5</span>
标签大小
可以使用 CSS 来修改标签的大小:
实例
<h1>Example <span class="label" style="font-size:36px;">New</span></h1> <h2>Example <span class="label" style="font-size:30px;">New</span></h2> <h3>Example <span class="label" style="font-size:20px;">New</span></h3> <h4>Example <span class="label">New</span></h4>
原文来自:
本文地址://gulass.cn/the-foundation-tab.html编辑:王浩,审核员:逄增宝
Linux大全:
Linux系统大全: