Тема: Bootstrap- не працює гамбургер на мобільному
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home - Chuck Norris</title>
<script src="Bootstrap/js/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css">
<script src="Bootstrap/js/bootstrap.min.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="clo-xs-1 col-sm-12-col-md-12">
<nav class="navbar navbar-inverse for-nav" role="navigation">
<div class="container-fluid">
<!-- Бренд та перемикач згруповані для кращого відображення на мобільних пристроях -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#"><i class="fab fa-angrycreative fa-4x icon"></i></a>
</div>
<!-- Зібрано навігаційні лінки, форми, та інший вміст для переключення -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav list1">
<li><a href="#">News</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Filmography</a></li>
<li><a href="#">Bio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<img src="background1.jpg" width="100%">
</div>
</div>
<div class="container-fluid baner">
<div class="row">
<div class="col-xs-0 col-md-1"></div>
<div class="col-xs-12 col-md-6">
<div class="text1 col-sn">WELCOME TO THE OFFICIAL WEBSITE OF</div>
<div class="text2 col-red">CHUCK NORRIS</div>
<img src="background2.jpg" width="100%" style="border-radius:10px;margin-top: 5%;">
</div>
<div class="col-xs-12 col-md-5 background3">
<div class="text3 col-br">NONSTOP CHUCK NORRIS</div>
<div class="text1 col-wt mg-bt mg-top">Harness the unstoppable force that is Chuck Norris in an action game packed with insane weapons, items and Chuck facts! Power up Chuck Norris as he delivers a beating to an infinite horde of villains. The mission: to save multiple universes! But no stress, Chuck will continue to fight and earn rewards while you take a break! Download for free from Google Play or the Apple store!</div>
</div>
<div class="col-xs-0 col-md-0"></div>
</div>
</div>
<div class="container-fluid shop">
<div class="row">
<div class="text3 col-yll">SHOP</div>
<div class="text1 col-sn tx-al fn-sz3">STORE TEMPORARILY CLOSED. COMING BACK SOON!</div>
</div>
</div>
</body>
</html>