警告消息Foundation 6

我想使用Foundation6发出警告消息。警告消息Foundation 6

如果这是可能的，像自举消息：

的基础文档，我们有这样的：http://foundation.zurb.com/sites/docs/v/5.5.3/components/alert_boxes.html。

但它不适合我，这就像我错过了一个导入（类不工作）。

有什么想法？

编辑

我的代码很简单：

<!doctype html> 
<html class="no-js" lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="x-ua-compatible" content="ie=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Foundation for Sites</title> 
    <link rel="stylesheet" href="css/my-css.css"> 
    <link rel="stylesheet" href="css/app.css"> 
    <link rel="stylesheet" href="css/icons/foundation-icons.css"> 
    </head> 
    <body ng-app="app"> 
     <div class="row"> 
      <div class="columns"> 
       <div class="text-center"> 
        <div data-alert class="alert-box warning round"> 
         This is a warning alert that is rounded. 
         <a href="#" class="close">&times;</a> 
        </div>

app.css是基金会样式精缩。

来源

2017-03-08 Emilien

你有任何的代码？ – tymothytym

我编辑了我的帖子 – Emilien

你看过Foundation 6文档了吗？警告消息在Foundation 6中称为标注，并根据您要使用的警报种类将类callout与其他类一起添加到div。对于警告，您可以使用：

<div class="callout warning"> 
    <h5>This is a warning callout</h5> 
</div>

检查出docs。

来源

2017-03-11 21:59:25 Newbie

是的，我看过文档，但没有在正确的地方。谢谢！ – Emilien

欢迎:) – Newbie

警告消息Foundation 6

回答

相关问题