Question

我正在构建一个巨大的单页网站，所以我想保持我的代码干净。我决定将它分成几个HTML文件，并将它们包含在一个主要的index.html中。所以我在index.html中编写了一段代码，一切正常。但是，当我尝试从其他文件中包含此代码段时，我的网页显示不正确。

以下是我写的代码：

<div class="hidden-sm hidden-xs" id="containerStart">
    <div id="left" class="start">
        <img src="../pics/svg/Logo%20links.svg" class="logoStart hidden img-responsive" id="logoLeft">
    </div>
    <div id="right" class="start">
        <img src="../pics/svg/Logo%20rechts.svg" class="logoStart hidden img-responsive" id="logoRight">
    </div>
    <div id="captions">
        <h3 class="hidden" id="mivalStart">Mival</h3>
        <h5 class="hidden" id="mivalMotto">Innovative Vertriebskonzepte</h5>
    </div>
</div>

这是我的index.html：

<html>
<head>
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <!--Bootstrap css-->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <!--Start animation css-->
    <link rel="stylesheet" href="../css/start.css">
    <link rel="stylesheet" href="../css/letterFx.css">
    <title>Mival</title>
</head>
<body ng-app>
    <!--Intro-->
    <div ng-include src="'intro.html'"></div>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/jquery-letterfx.js"></script>
    <script type="text/javascript" src="../js/angular.min.js"></script>
    <script type="text/javascript" src="../js/start.js"></script>
</body>
</html>

也许您知道我的问题的任何解决方案？

ng-include后的样式问题

0 个答案: