title: Bootstrap grid doesn't fit in my main container
body: <p>I'm sure of the fact that I'm doing something so wrong, I tried to solve that this morning.</p>
  
  <p>Here's the deal, I'm trying to build a responsive HTML page, that will have the behaviour of the picture you see below : </p>
  
  <p><a href="https://i.stack.imgur.com/38Rjv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/38Rjv.png" alt="enter image description here"></a></p>
  
  <p>So I told myself, for the elements that have to be move like the elements below "Besoin d'un devis", etc, I will use a the boostrap grid, and use for that an WYSIWIG generator. But instead, when I try to resize the window here's what happens : </p>
  
  <p><strong>Without resizing the window - Normal behaviour :</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/aIRQ7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aIRQ7.png" alt="enter image description here"></a></p>
  
  <p><strong>When I resize the window and I try to test the boostrap grid :</strong></p>
  
  <p><a href="https://i.stack.imgur.com/IsfNN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IsfNN.png" alt="enter image description here"></a></p>
  
  <p>I uploaded a test version in the internet so you can see my problem.
  <a href="http://test-stackoverflow.co.nf" rel="nofollow noreferrer">http://test-stackoverflow.co.nf</a></p>
  
  <p>If you need the code, I will provide it. I just don't know a way to provide a whole "test website" and a case like this in stack.</p>