之前因为做项目接触过 Boostrap UI，觉得很简洁，很牛X。 最近看到这个 UI 框架，发现，这完全是另一种风格，这里我指的是代码调用，命名方面。

Semantic UI 调用方面是元数据形式的，如你要设置一个红色的反色的大的菜单，那么你可以这样调用：

<div class="ui red inverted big menu>
    <a class="item">Menu01</a>
</div>

Boostrap 里面触发模态框是通过 data-toggle 在按钮里面来触发的。而 Semantic 里面，是直接在初始化模态框的时候，绑定到指定的按钮即可。
直接用 attach events 就行了。

$('#modal-id.modal')
        .modal('attach events', '#trigger-btn-id.button')