警告メッセージファンデーション6

Foundation6を使用して警告メッセージを出したいと思います。それが可能だ場合警告メッセージファンデーション6

、ブートストラップメッセージのようなもの：財団ドキュメントで

は、我々はこれを持っている：http://foundation.zurb.com/sites/docs/v/5.5.3/components/alert_boxes.html。

しかし、それは私とはうまくやっていません。私がインポートを逃したようなものです（クラスは機能しません）。

EDIT

私のコードは単純です：

<!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のコールアウトと呼ばれ、警告の種類に応じて別のクラスとともにdivにcalloutというクラスを追加します。警告の場合は、

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

をご利用ください。docsをご覧ください。

出典

2017-03-11 21:59:25 Newbie

ええ、私は医者を見ましたが、適切な場所ではありません。ありがとう！ – Emilien

あなたは歓迎です:) – Newbie

警告メッセージファンデーション6

答えて

関連する問題