semantic-ui - モーダルにスタイルがありません

Question

http://semantic-ui.com/modules/modal.html#/definitionに基本モーダルのスニペットがあり、私のサイトで使用しました。

しかし問題は、それはスタイルを持っていません。 「はい」または「いいえ」ボタンはクリック可能であり、アラインメントが良好でなく、閉じるボタンが表示されます。

モーダル：

<div class="ui basic modal"> 
    <i class="close icon"></i> 
    <div class="header"> 
    Archive Old Messages 
    </div> 
    <div class="image content"> 
    <div class="image"> 
     <i class="archive icon"></i> 
    </div> 
    <div class="description"> 
     <p>Your inbox is getting full, would you like us to enable automatic archiving of old messages?</p> 
    </div> 
    </div> 
    <div class="actions"> 
    <div class="two fluid ui inverted buttons"> 
     <div class="ui red basic inverted button"> 
     <i class="remove icon"></i> 
     No 
     </div> 
     <div class="ui green basic inverted button"> 
     <i class="checkmark icon"></i> 
     Yes 
     </div> 
    </div> 
    </div> 
</div> 

Javascriptを：

$('.ui.basic.modal').modal('show'); 

リンク：

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.rtl.min.css"> 
    <link rel="stylesheet" type="text/css" href="assets/dist/style.css"> 
    <link rel="stylesheet" type="text/css" href="assets/waves.css"> 
    <script src="http://semantic-ui.com/javascript/library/jquery.min.js"></script> 
    <script src="semantic/dist/semantic.min.js"></script> 
    <script src="assets/waves.js"></script> 

ありがとうございます！

Answer 1

これはわかっています。

スニペットが問題でした。ここで右の抜粋は以下のとおりです。 http://legacy.semantic-ui.com/modules/modal.html

おかしい彼らは彼らの主なサイトを更新しません。|

Answer 2

私が想定できる唯一のことは、CSSファイルを正しく含めていないことです。開発ツール（Ctrl + Shift + I）に入り、コンソール（パネルの左上のタブ）を見ると、エラーはありますか？