语义 UI 消息列表未正确显示

Question

这是我的代码

<div class="ui info message">
    <i class="close icon"></i>
    <div class="header">
        Was this what you wanted?
    </div>
    <ul class="list">
        <li>It's good to see you again.</li>
        <li>Did you know it's been a while?</li>
    </ul>
</div>

在我的浏览器中 chrome 和 Mozilla 都显示了这个输出

但在 jsfiddle 中工作正常。

http://jsfiddle.net/06rmnLLv/

如何解决这个问题。

Answer 1

问题是这个字符'。您可以将其替换为 HTML 个实体 (&grave;)

Jsfiddle

语义 UI 消息列表未正确显示

Semantic UI message list does not shows correctly

css

semantic-ui