Napisze także i tu bo wydaje mi się że znalazłem błąd i pomoże to pewnie innym bo sam miałem taki problem kiedyś.
Dodaj container ponad "rows". Jak poniżej:
<footer class="footer">
<div class="container">
<div class="row">
<ul class="footer-nav">
<li class="footer-nav-element"><a href="#" class="footer-nav-btn">About us</a></li>
<li class="footer-nav-element"><a href="#" class="footer-nav-btn">Blog</a></li>
<li class="footer-nav-element"><a href="#" class="footer-nav-btn">Press</a></li>
<li class="footer-nav-element"><a href="#" class="footer-nav-btn">iOS App</a></li>
<li class="footer-nav-element"><a href="#" class="footer-nav-btn">Android App</a></li>
</ul>
<ul class="footer-socials">
<li class="footer-socials-element"><a href="#" class="social-links"><span class="ion-social-facebook" aria-hidden="true"></span></a></li>
<li class="footer-socials-element"><a href="#" class="social-links"><span class="ion-social-twitter" aria-hidden="true"></span></a></li>
<li class="footer-socials-element"><a href="#" class="social-links"><span class="ion-social-googleplus" aria-hidden="true"></span></a></li>
<li class="footer-socials-element"><a href="#" class="social-links"><span class="ion-social-instagram" aria-hidden="true"></span></a></li>
</ul>
</div><!-- end of .row -->
<div class="row">
<div class="footer-text-box">
<p class="footer-paragraph-1">This webpage was created by <span class="my-name">Paweł Wojkiewicz.</span></p>
<p class="footer-paragraph-2">Build with <span class="ion-heart heart-icon" aria-hidden="true"></span> in the beautiful city Venlo, Netherland July 2017. </p>
</div>
</div><!-- end of .row -->
</div><!-- end of .container -->
</footer>
W nawiązaniu do dokumentacji bootstrapa.
Rows - czyli rzędy zawsze muszą być umieszczone pomiędzy znacznikami zawierającymi klasę container. Rows posiadają po obu stronach marginesy ujemne przez co układ strony rozjeżdza się.
Jeśli pomogłem proszę głosik do góry :)