2017-02-27 7 views
0

私はMEANスタックアプリケーションに必要なものをセットアップするためのチュートリアルに従いましたが、これまではうまくいっていましたが、 Anglerのindex.htmlファイルにBootstrapをインストールした後に、ブートストラップが読み込まれているときにアプリケーションが最初にロードするテキストのフォントが異なるため、ブートローダを追加した後にドロップダウンボタンが表示されますが、下のボタンは何も起こりません。普通のジャンボトロンロードのようなコンポーネントのほかに、ブートストラップでどのように期待しているかを見て、インデックスやバウアーのリンクを考えません。平均スタックを設定した後で、角度2.0でブートストラップトグルを使用するときの問題

HERESにindex.htmlファイル:

<html> 
    <head> 
    <title>MyTaskList</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> 
    <link rel="stylesheet" href="styles.css"> 
    <!-- 1. Load libraries --> 
    <!-- Polyfill(s) for older browsers --> 
    <script src="node_modules/core-js/client/shim.min.js"></script> 
    <script src="node_modules/zone.js/dist/zone.js"></script> 
    <script src="node_modules/reflect-metadata/Reflect.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <!-- 2. Configure SystemJS --> 
    <script src="systemjs.config.js"></script> 
    <script> 
     System.import('app').catch(function(err){ console.error(err); }); 
    </script> 
    </head> 
    <!-- 3. Display the application --> 
    <body> 
    <my-app>Loading...</my-app> 
    </body> 
</html> 

は、相続人は、それがブートストラップでロードするHTMLは適用:

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 

    <title>The HTML5 Herald</title> 
    <meta name="description" content="The HTML5 Herald"> 
    <meta name="author" content="SitePoint"> 


</head> 

<body> 

    <div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
    Dropdown 
    <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
    <li><a href="#">Action</a></li> 
    <li><a href="#">Another action</a></li> 
    <li><a href="#">Something else here</a></li> 
    <li role="separator" class="divider"></li> 
    <li><a href="#">Separated link</a></li> 
    </ul> 
</div> 
</body> 
</html> 

答えて

0

あなたが持っているだけのhtml.SoのみCSSのブートストラップCSSを追加しました変更は反映されます。ブートストラップの全機能を利用するには、Bootstrap.jsJQueryを追加する必要があります。それがなければ、ブートストラップは不完全です。

関連する問題