Witajcie. Nie bardzo wiedziałem gdzie wcisnąć temat z bootstrapem ale powinno być okej. Zacząłem dziś naukę bootstrapa wszystko fajnie podoba mi się ale collapse nie chce mi się rozwijać. Poprawiałem ścieżki do jquery, robiłem index na nowo ale jednak nadal nie chce mi działać. Wrzucam kod i z góry dziękuję wam za pomoc.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap - projekt startowy</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<style>
.jumbotron {
background-color: #2D8343;
color: white;
}
.btn {
transition: 0.3s;
}
</style>
<!--[if lt IE 9]>
<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>
<![endif]-->
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-4 col-xs-12">
<h4><a href="#col1Content" data-toogle="collapse">Kolumna 1</a></h4>
<div id="col1Content" class="collapse in"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat in aspernatur quidem dignissimos architecto nemo ab ad eum cumque minus.</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-8 col-xs-12">
<h4><a href="#col2Content" data-toogle="collapse">Kolumna 2</a></h4>
<div id="col2Content" class="collapse">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus deserunt dolores, distinctio aspernatur maiores excepturi facilis consectetur cum temporibus recusandae velit voluptatum vero aliquam voluptates totam doloremque omnis odio soluta officiis! Error necessitatibus, cum nesciunt aliquam numquam suscipit quia. Aliquam fugit distinctio quas facilis velit quo dolor modi odit aspernatur.</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>