How to implement container-fluid to container-fluid?

Good night dear experts. I would like to ask you a question about the implementation of this feature. Already the whole head broke.... but as to dig out I failed.
7c8065bdd38046a69545cc984b44a030.png
There are footer > his background is stretched to the screen width container-fluid'om
In footer'e all divided into column col-md-3 each of which is placed one or other information.
<footer>
 <div class="container-fluid">
 <div class="row footer-back">
 <div class="container">
 <div class="footer">
 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>

 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>

 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>

 <div class="col-md-3">
the <ul>
<p></li>
the <li>
 <ul class="social">
<p></li>
<p></li>
</ul>
</li>

 <li class="sale">We accept</li>
the <li>
 <ul class="sale-card">
 <p><img src="src/images/png/visa.png" alt></li>
 <p><img src="src/images/png/mastercard.png" alt></li>
 <p><img src="src/images/png/yandexmoney.png" alt></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>

Don't see how container-fluid to stick to container-fluid in order to stretch this band.
Maybe I'm doing something wrong? Thank you!
July 2nd 19 at 18:19
2 answers
July 2nd 19 at 18:21
Solution
Thank you very much for the answer. Decided to withdraw, due to the fact that the item gets from the container - Carter commented on July 2nd 19 at 18:24
This will not affect the layout, because the parent is set to overflow hidden. But your case. - sienna.Stark commented on July 2nd 19 at 18:27
July 2nd 19 at 18:23
Solution
Specifically in your case, something like this:
<footer>
 <div class="container-fluid">
 <div class="row footer-back">
 <div class="container">
 <div class="footer">
 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>

 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>

 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>

 <div class="col-md-3">
the <ul>
<p></li>
the <li>
 <ul class="social">
<p></li>
<p></li>
</ul>
 </li></ul></div> 

</div>
</div>
</div>

 <div class="container-fluid">
 <p>We accept</p>
 <ul class="sale-card">
 <p><img src="src/images/png/visa.png" alt></li>
 <p><img src="src/images/png/mastercard.png" alt></li>
 <p><img src="src/images/png/yandexmoney.png" alt></li>
</ul>
</div>
</div>
</footer>


And if you simplify it like this:
<footer class="footer-back">
 <div class="container">
 <div class="row">
 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>
 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>
 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
</div>
 <div class="col-md-3">
the <ul>
<p></li>
<p></li>
</ul>
 </div> 
</div><--/row-->
</div><--/container-->
 <div class="container-fluid">
 <p>We accept</p>
 <ul class="sale-card">
 <p><img src="src/images/png/visa.png" alt></li>
 <p><img src="src/images/png/mastercard.png" alt></li>
 <p><img src="src/images/png/yandexmoney.png" alt></li>
</ul>
</div><--/container-fluid-->
</footer>

Well and accordingly the css to fit your needs
Yes, thank you very much for the answer! - Carter commented on July 2nd 19 at 18:26
: Please! - sienna.Stark commented on July 2nd 19 at 18:29

Find more questions by tags CSSWeb DevelopmentBootstrapHTML