2017-12-09 10 views
0

私は30分でチュートリアルLearn PhoneGap Development/Making Business Appを再現しようとしています。私はjqueryの-3.2.1.min.js、Bootstrap.min.js --version 3.3.7を使用していますLearn PhoneGap Development | Making Business App in 30 MinsPhoneGap Business App

:で

。 私もbootstrap.min.cssバージョン3.3.7を使用していますhttps://bootswatch.com

私はPhone Gap Frameworkを使用しています。また、私はチュートリアルでは、30分でビジネスアプリケーションを作る/ PhoneGapの開発を学び複製しようとしていますBootstrap starter template

Starter Code

から起動コードを使用しています。私はコードを複製することができません。

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> 

答えて

0

スタイルシート(S)が適用されていないように見えます。あなたのコードを見ると、最後に<link>には、<head>セクションにタイプミスがあります。これは、現在、次のようになります。

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

そして、それは次のようになります。

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

はピリオドに置き換えカンマに注意してください。

希望に役立ちます。