语义ui按钮未正确显示

时间:2016-05-20 06:36:17

标签: html css responsive-design semantic-ui web-frontend

我正在使用语义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>

结果应该是这样的:

enter image description here

但这就是我得到的

enter image description here

任何帮助?

1 个答案:

答案 0 :(得分:1)

我猜问题是文件路径。 尝试使用enter image description here替换它们。