Enable navigation in mobile close #1

Author: jarbitlira

_includes/footer.html

@@ -8,3 +8,9 @@ <h2>{{ site.title }}</h2>
     </div>
   </div>
 </footer>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
+
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

_sass/theme.scss

@@ -20,20 +20,19 @@ nav.navbar {
 
 ul.navbar-nav {
   margin: 0;
-  height: 48px;
   float: left;
   width: 100%;
 }
 
 ul.navbar-nav li {
   padding: 0;
-  margin: 0;
   width: 150px;
+  margin: 0;
   float: left;
 }
 
 ul.navbar-nav li a {
-  width: 150px;
+  width: 100%;
   text-align: center;
   color: #FFFFFF !important;
   font-weight: bold;
@@ -86,3 +85,13 @@ article.post, div.home {
 a.no-underline {
   text-decoration: none;
 }
+
+.card {
+  margin-bottom: 10px;
+}
+
+@media (max-width: 768px) { 
+  ul.navbar-nav li {
+    width: auto;
+  }  
+}