Javascript 无法将Metro UI CSS插入SharePoint Web部件_Javascript_Css_Sharepoint_Metro Ui Css

Javascript 无法将Metro UI CSS插入SharePoint Web部件

javascript css sharepoint

Javascript 无法将Metro UI CSS插入SharePoint Web部件,javascript,css,sharepoint,metro-ui-css,Javascript,Css,Sharepoint,Metro Ui Css,我正在尝试将以下代码插入SharePoint Web部件 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdn.rawgit.com/olton/Metro-UI-CSS/master/docs/css/metro-bootstrap.css"> <script src="//ajax.googleapis.com/ajax/libs/jq

我正在尝试将以下代码插入SharePoint Web部件

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdn.rawgit.com/olton/Metro-UI-CSS/master/docs/css/metro-bootstrap.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script src="https://cdn.rawgit.com/olton/Metro-UI-CSS/master/min/metro.min.js"></script>
</head>
<body class="metro">
    <div class="tile bg-cyan"></div>
</body>
</html>

但是，每当我插入代码时，整个网页都会失真，请参见下面的屏幕截图

下面是一个简单的蓝色方框，用于显示代码

非常感谢您的帮助

我遇到了同样的问题。问题在于metro.css在您的案例中bootstrap-metro.css在新版本中，bootstrap-metro.css与metro.css参考文件交换。我无法为这个问题提供资金，但通过从css文件中删除不必要的代码实现了这一点。在我的例子中，我只使用了tiles，所以我删除了几乎所有的东西，除了包含.tiles的类，比如@font、@media，它可以工作。祝你好运