私は理解できません。ブートストラップがChromeやIEにロードされていないようですが、Safariではうまく動作します。ブートストラップはSafariで動作しています
誰でもどうぞ!私は本当にここで何が起こっているのか分からない。
そして、ここのコードです。
<!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">© 2017 Intrinsecus
</span>
</div>
</footer>
</html>
助けてくれてありがとうございますが、何も変わりません:/ –
私はあなたのウェブサイトをインスペクタで見ています。コード上にある。変更をアップロードしてコンソールを確認してください。 – vlk
これで、見つからなかったbootstrap.jsファイルをリンクしているのを見たので、私の答えを更新しました。 – vlk