Video 4

[thankfulstudent]

Thank you... All going well until...

On video 4, when looking at source code for the page http://getbootstrap.com/examples/sticky-footer/ the code is very different to the code when looking at the same page in video 4. For example, the source code revealed in the video talks about an important wrap {} command. There is no wrap command in the present page http://getbootstrap.com/examples/sticky-footer/ ... Needless to say, I can't move on. Why is the source code so different? Please, what should I do?

[thankfulstudent]

For whoever is interested. Here's an answer I found from Lynn Al Agilly (from the video comments) that solves the problem:

I'm not sure how useful this will be, considering I'm 3 months late, but I also experienced the same problem. To fix the problem, I took Bootstraps stickyfooter CSS which is

html { position: relative; min-height: 100%; } body { /* Margin bottom by footer height / margin-bottom: 60px; } .footer { position: absolute; bottom: 0; width: 100%; / Set the fixed height of the footer here */ height: 60px; background-color: #f5f5f5; }

 /* Custom page CSS
 -------------------------------------------------- */
 /* Not required for template or sticky footer method. */

 .container {
   width: auto;
   max-width: 680px;
   padding: 0 15px;
 }
 .container .text-muted {
   margin: 20px 0;
 }

and placed it in