Question

我正在尝试在30分钟内复制教程学习PhoneGap开发/制作商业应用程序。

在：Learn PhoneGap Development | Making Business App in 30 Mins

我使用的是jquery-3.2.1.min.js，Bootstrap.min.js --version 3.3.7。我也使用https://bootswatch.com

中的bootstrap.min.css版本3.3.7

我正在使用手机差距框架。我也在使用Bootstrap starter template

中的已启动代码

Starter Code

我试图在30分钟内复制教程学习PhoneGap开发/制作商业应用程序。我无法复制代码。

How my code looks like

How it looks like

我的HTML代码：

  <html>
        <head>
            <meta charset="utf-8" />
            <meta name="format-detection" content="telephone=no" />
            <meta name="msapplication-tap-highlight" content="no" />
            <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
            <!-- This is a wide open CSP declaration. To lock this down for production, see below. -->
            <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />
            <link rel="stylesheet" type="text/css" href="css/index.css" />
            <link rel="stylesheet" type="text/css" href="css/bootstrap,min.css" />
            <title>Acme Mobile </title>
        </head>

结束代码：

<div class="app">
        <h1>Home</h1>
        <div id="deviceready" class="blink">
            <p class="event listening">Connecting to Device</p>
            <p class="event received">Device is Ready</p>
        </div>
    </div>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>

</body>

</html>

Answer 1

看起来样式表没有被应用。查看您的代码，<link>部分中的最后一个<head>会出现拼写错误。它目前看起来像这样：

<link rel="stylesheet" type="text/css" href="css/bootstrap,min.css" />

看起来应该是这样的：

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

请注意逗号被句点替换。

希望有所帮助。

PhoneGap商业应用

1 个答案: