0

私は理解できません。ブートストラップがChromeやIEにロードされていないようですが、Safariではうまく動作します。ブートストラップはSafariで動作しています

誰でもどうぞ!私は本当にここで何が起こっているのか分からない。

Here is the Website

そして、ここのコードです。

<!DOCTYPE html> 

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 

<title>Bootstrap Intrinsecus</title> 
<!-- Bootstrap link folder--> 
<link href="css/bootstrap.css" type="text/csc" rel="stylesheet"/> 

<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> 
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 

<!--Black-Head--> <link rel="stylesheet" type="text/css" href="css/Style_1.css" /> 
<!--link to my .css file----> 
<div class="well row"> 
<nav class="navbar navbar-fixed-top" role="navigation"> 
    <div class="navbar-header" > - INTRINSECUS - 
    </div> </nav> 
</div> 
<!--------- Script from Google Analytics---------------> 

<!------- End of Black HEAD-------------------> 

<!-------starting buttons------------------> 
<div class=" well well-sm"> 
<div class="row"> 
      <div class="col-xs-3"> 
       <button class="btn"> 
        <a href="index.html"> 
         <h6 class="font"> HOME </h6> 
       </a> 
     </button> 
</div> 
       <div class="col-xs-3"> 
       <button class="btn"> 
        <a href="story.html"> 
         <h6 class="font"> STORY </h6> 
       </a> 
     </button> 
</div>  
     <div class="col-xs-3"> 
       <button class="btn"> 
        <a href="galery.html"> 
         <h6 class="font"> PHOTOS </h6> 
       </a> 
     </button> 
</div> 
     <div class="col-xs-3"> 
       <button class="btn"> 
        <a href="credits.html"> 
         <h6 class="font"> CREDITS </h6> 
       </a> 
     </button> 
</div> 
      </div> <!-- end of row "560" height="315"--> 
     </div>  <!-- end of well --> 

あなたはあなたのサイトに2つのブートストラップファイルを含めている
<body> 
    <div class="row video-container"> 
    <iframe src="https://www.youtube.com/embed/FZB8kOtBJf4?autoplay=1;rel=0" frameborder="0" allowfullscreen > </iframe> 
     </div> 

<!-----Social Buttons--------------> 
<div class="well row"> 
<div class=" col-md-12 col-xs-12 "> 
    <div class="col-sm-12 col-xs-12 social">    
     <a href="https://www.facebook.com/intrinsecusmovie/?ref=bookmarks" target="_blank"> 
     <span class="pull-right"> <h2> <i class="fa fa-facebook-square social"> 
      </i> 
      </h2> 
     </span> 
     </a> 

     <span class="pull-right space"> <h5>Follow us</h5> </span> 

    </div> 
</div> 
</div> 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" rel="stylesheet"></script> 
    </body> 
     <footer> 
     <div class="container-fluid"> 
     <span class="pull-left">&copy; 2017 Intrinsecus 
     </span> 
      </div> 
     </footer> 
      </html> 

答えて

1

、1削除: enter image description here

ブートストラップはこれで罰金を試して動作し、あなたが読み込まれている1.XXを削除するためにjqueryの1.9.0以降が必要です。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 

私はちょうどあなたも逃したbootstrap.cssファイルをリンクして見てきました:

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

しかし、CSSのフォルダにちょうどあなたのスタイルシートがあります:あなたは、ブートストラップリンク のための間違った種類を配置している

enter image description here

+0

助けてくれてありがとうございますが、何も変わりません:/ –

+1

私はあなたのウェブサイトをインスペクタで見ています。コード上にある。変更をアップロードしてコンソールを確認してください。 – vlk

+1

これで、見つからなかったbootstrap.jsファイルをリンクしているのを見たので、私の答えを更新しました。 – vlk

1

この

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

でなければなりません(タイプ=テキスト/ CSS)

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

ご協力ありがとうございます@repzero。本当に感謝しています。 –

関連する問題