在asp.net webform中使用metro ui css

时间:2014-09-24 09:12:01

标签: asp.net metro-ui-css

我正在尝试使用metro ui的按钮,但它不会工作。我想我已经提供了所需的所有脚本和样式。我是新的,请帮忙。

这是我到目前为止所做的。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="metro.aspx.cs" Inherits="MetroWf.metro" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/metro-bootstrap.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.2.1.js"></script>
    <script src="js/metro.min.js"></script>
    <script src="js/metro/metro-button-set.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <button class="default" > helo </button>

    </div>
    </form>
</body>
</html>

它给了我一个简单的按钮。


另外我使用vs13所以jquery已经存在于我的项目中。它的存在与使用metro有所不同。
我可以并排使用地铁和引导程序。我的意思是它们中的类名匹配并带来冲突。

修改 无论我使用哪个班级defaultdanger,这都是我得到的。

enter image description here

1 个答案:

答案 0 :(得分:2)

您错过了metro上的<body>课程。因此,如果您将其更改为<body class="metro">,则应该有效。我在我的本地机器上测试了它,它像宝石一样工作。您也可以参考Metro UI CSS