<div class="row" id="footer-space">
<div>
</div>
<div>
</div>
<div>
</div>
<div style="clear: both;"></div>
</div>
no takie coś to rzadko się widzi :D zrób to po bożemu
<div style="clear: both;"></div>
to też raczej słabo wygląda...zamiast tego można ustawiać różny display np inline-block, flex i da radę coś zdziałać za pomocą tego ;)
coś o ikonkach
zamiast:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
wystarczy samo:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
te pliki można spokojnie umieścić przed </body> :
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
- standardowo brakuje altów dla obrazków
- nie stylizuj po tagach, ani po id tylko po klasach
- wystarczyło spojrzeć, jakie błędy Ci wyrzuca: link