Make Footer full-width (container-fluid) despite body container non-fluid
<p>How can I make my Footer width cover the entire width of the browser window? </p>

<p><strong>Note:</strong> I'm using Bootstrap, the Footer uses 'container-fluid' but the page content uses 'container'.</p>

<p><strong>Live link:</strong> <a href="http://185.123.96.102/~kidsdrum/moneynest.co.uk/blog.html" rel="nofollow">http://185.123.96.102/~kidsdrum/moneynest.co.uk/blog.html</a></p>

<p><strong>HTML</strong></p>

<pre><code>&lt;footer class="container-fluid" style="margin-top: 30px;"&gt; 
  &lt;div class="row"&gt;
    &lt;div class="col-sm-7 footercta"&gt;
  &lt;h4 class="bottomoffer"&gt;Sign up to access your free Jumpstart your Finances email course:&lt;/h4&gt;
&lt;div id="mc_embed_signup2"&gt;
    &lt;div id="mc_embed_signup_scroll"&gt;




&lt;div id="mlb2-2024903" class="ml-subscribe-form ml-subscribe-form-2024903"&gt;
    &lt;div class="ml-vertical-align-center"&gt;
        &lt;div class="subscribe-form ml-block-success" style="display:none"&gt;
            &lt;div class="form-section"&gt;
                &lt;h4&gt;&lt;/h4&gt;
                &lt;p&gt;Success!&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;form class="ml-block-form" action="//app.mailerlite.com/webforms/submit/i4m1h1" data-code="i4m1h1" method="POST" target="_blank"&gt;
            &lt;div class="subscribe-form"&gt;
                &lt;div class="form-section"&gt;
                    &lt;h4&gt;&lt;/h4&gt;
                    &lt;p&gt;&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="form-section"&gt;
                    &lt;div class="form-group ml-field-email ml-validate-required ml-validate-email"&gt;
                        &lt;input type="email" name="fields[email]" class="form-control" placeholder="Email*" value="" id="footer-cta-input"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;input type="hidden" name="ml-submit" value="1" /&gt;
                &lt;button type="submit" class="text-uppercase btn btn-primary btn-lg btn-bottom primary gradient-on"&gt;
                    Start Class Now
                &lt;/button&gt;
                &lt;button disabled="disabled" style="display: none;" type="button" class="loading gradient-on"&gt;
                    &lt;img src="//static.mailerlite.com/images/rolling.gif" width="20" height="20" style="width: 20px; height: 20px;"&gt;
                &lt;/button&gt;
            &lt;/div&gt;
        &lt;/form&gt;
        &lt;script&gt;
            function ml_webform_success_2024903() {
                jQuery('.ml-subscribe-form-2024903 .ml-block-success').show();
                jQuery('.ml-subscribe-form-2024903 .ml-block-form').hide();
            };
        &lt;/script&gt;
    &lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;script type="text/javascript" src="//static.mailerlite.com/js/w/webforms.js?v25"&gt;&lt;/script&gt;


    &lt;/div&gt; &lt;/div&gt;
    &lt;div class="col-sm-5 footerlinks"&gt;
    &lt;br&gt;
    &lt;ul class="mylist"&gt;
          &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/blog.html"&gt;Blog&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="/about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="/contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul class="mylist2"&gt;
  &lt;li&gt;&lt;a href="https://www.facebook.com/ukmoneynest/"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://twitter.com/ukmoneynest"&gt;Twitter&lt;/a&gt;&lt;/li&gt;

    &lt;/ul&gt;
  &lt;/div&gt;

  &lt;/div&gt;
  &lt;br&gt; 
  &lt;br&gt;
   &lt;div class="finalfooterlinks"&gt;&lt;p&gt;
  &lt;a href="/privacy-policy.html"&gt;Privacy Policy&lt;/a&gt; | &lt;a href="/terms-and-conditions.html"&gt;Terms of Service&lt;/a&gt;&lt;/p&gt;

  &lt;p&gt;&amp;copy; Copyright 2015 -
&lt;script type="text/javascript"&gt;
    now = new Date
    theYear=now.getYear()
    if (theYear &lt; 1900)
    theYear=theYear+1900
    document.write(theYear)
&lt;/script&gt;&lt;/div&gt;
&lt;br&gt;

&lt;/footer&gt;
</code></pre>