Foundation 可以很简单的创建一个提醒框:
提醒框可以使用 .alert-box
类创建, 可以添加可选的类: .secondary
, .success
, .info
, .warning
或
.alert
:
This is a
default alert box.
This is a secondary alert box.
Success! This alert box indicates a successful or positive
action.
Info!
This alert box indicates a neutral informative change or action.
Warning!
This alert box indicates a warning that might need attention.
Alert!
This alert box indicates a dangerous or potentially negative action.
提醒框的宽度为容器的 100%。 |
.radius
和 .round
类用于为提醒框添加圆角:
Success! Alert box with a radius.
Info! Alert box that is rounded.
要关闭提醒框,可以在连接或按钮元素上添加 class="close"
类,并初始化 Foundation JS:
// Initialize Foundation JS For Functionality
$(document).ready(function() {
$(document).foundation();
})
× (×) 是一个 HTML 字符实体表示一个关闭按钮的图标,而不是字母 "x"。 |