semantic-ui - Modal не получил стиль

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) и смотрите в свою консоль (верхняя левая вкладка панели), дает ли она какие-либо ошибки?