bootstrapだけ読み込めない現象？

###前提・実現したいこと
bootstrapはcdnを使っています。なぜかそれがきかなくなったので、質問しました。

###発生している問題・エラーメッセージ
エラーはないです。

エラーメッセージ

###該当のソースコード


ここに言語を入力
<!DOCTYPE html>
<html>
<head>
    <title>bootstrapTest</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="styleshee"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
</head>
<body>
<!-- 1.ナビゲーションバーの設定 -->
<nav class="navbar navbar-default">
    <div class="container">
        <!-- 2.ヘッダ情報 -->
        <div class="navbar-header">
            <a class="navbar-brand">nav-header</a>
        </div>
        <!-- 3.リストの配置 -->
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">active list</a></li>
            <li><a href="#">list2</a></li>
            <li><a href="#">list3</a></li>
        </ul>
        <!-- 4.ボタン -->
        <button type="button" class="btn btn-default navbar-btn">
            <span class="glyphicon glyphicon-envelope"></span>
        </button>
    </div>
    <div class="container">
        <!-- 2.ヘッダ情報 -->
        <div class="navbar-header">
            <a class="navbar-brand">nav-header</a>
        </div>
        <!-- 3.リストの配置 -->
        <ul class="nav navbar-nav">
            <li><a href="#">list1</a></li>
            <li class="active"><a href="#">active list</a></li>
            <li><a href="#">list3</a></li>
        </ul>
        <!-- 4.ボタン -->
        <button type="button" class="btn btn-default navbar-btn">
            <span class="glyphicon glyphicon-envelope"></span>
        </button>
    </div>
</nav>
</body>
</html>

###試したこと
調べる。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

kei344

2017/07/08 11:17

バッククオート3つの前後には改行を入れてください。記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。また、エラーは出ていませんか？デベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

行動規範の内容に同意します

回答1件

ベストアンサー

的外れかもしれませんが、以下のようにしてみてはいかがでしょうか？

HTML
1<!DOCTYPE html>
2<html>
3<head>
4    <title>bootstrapTest</title>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"
8          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
9    <!-- rel="styleshee"をrel="stylesheet"に変更 -->
10    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
11    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
12            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
13            crossorigin="anonymous"></script>
14</head>
15<body>
16<nav class="navbar navbar-default">
17    <div class="container">
18        <div class="navbar-header">
19            <a class="navbar-brand">nav-header</a>
20        </div>
21        <ul class="nav navbar-nav">
22            <li class="active"><a href="#">active list</a></li>
23            <li><a href="#">list2</a></li>
24            <li><a href="#">list3</a></li>
25        </ul>
26        <button type="button" class="btn btn-default navbar-btn">
27            <span class="glyphicon glyphicon-envelope"></span>
28        </button>
29    </div>
30    <div class="container">
31        <div class="navbar-header">
32            <a class="navbar-brand">nav-header</a>
33        </div>
34        <ul class="nav navbar-nav">
35            <li><a href="#">list1</a></li>
36            <li class="active"><a href="#">active list</a></li>
37            <li><a href="#">list3</a></li>
38        </ul>
39        <button type="button" class="btn btn-default navbar-btn">
40            <span class="glyphicon glyphicon-envelope"></span>
41        </button>
42    </div>
43</nav>
44</body>
45</html>