2014-09-24 37 views
1

我想使用地鐵ui的按鈕,但它不會工作。我想我已經提供了所有腳本和樣式needed.I新,請幫助。在asp.net中使用地鐵ui css webform

這就是我迄今爲止所做的。

<%@ 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和bootstrap嗎?我的意思是在他們的班級名稱匹配並帶來衝突。

編輯 這就是我得到不管我用哪一個類是它defaultdanger

enter image description here

+0

你會得到什麼錯誤? – Izzy 2014-09-24 09:12:44

+0

我沒有得到任何錯誤,但它顯示了正常的按鈕。我的意思是使用'default'或'危險'類不會帶來任何改變。 – Chelsea 2014-09-24 09:16:32

+0

不應該是'class =「btn btn-default」'? – Izzy 2014-09-24 09:31:01

回答

2

你錯過了在<body>metro類所以,如果你將它更改爲<body class="metro">它應該工作。我已經在我的本地機器上測試過它,它像寶石一樣工作。你也可以參考Metro UI CSS

+0

以及它的工作thanks.I試圖根據'http:// metroui.org.ua/sidebar.html'實現Metro-ui側欄,輸出順利,但下拉不會起作用。你能幫忙嗎? – Chelsea 2014-09-24 11:12:15

+0

歡迎您很高興這是有幫助的! – Izzy 2014-09-24 11:16:31

+0

當你說它不起作用,你的意思是當你點擊「Sub Menu」時它不會展開? – Izzy 2014-09-24 11:17:14