语义 ui 按钮未正确显示

semantic ui button does not show up correctly

我正在使用语义 ui css 框架创建按钮这是我的代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<link rel="stylesheet" href="dist/semantic.min.css" />
<script type="text/javascript" src="dist/semantic.min.js"></script>

<link rel="stylesheet" href="dist/components/button.min.css" />
</head>
<body>
<form id="form1" runat="server">
<div class="ui labeled button" tabindex="0">
<div class="ui button">
<i class="heart icon"></i> Like
</div>
<a class="ui basic label">
2,048
</a>
</div>

</form>

</body>
</html>

结果应该是这样的:

但这就是我得到的

有什么帮助吗?

我猜问题出在文件路径上。 尝试用 CDN paths.

替换它们