警告消息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

回答

相關問題