title: Bootstrap container not aligning properly
body: <p>I recently used bootstrap to help me align my projects portfolio on my website. Certainly it did what i was expecting except the time i run the website on my mobile. I used container on every div element to keep it inside the area but the result is totally different. </p>
  
  <p>If i run the mobile phone emulator inside a desktop browser it will display the expected result however, if i run it in real cell phone the result is all messed up.</p>
  
  <p>The link to my website is- <code>www.ijatin.ca</code> and visit the project section inside it and try to run on mobile phone emulator and on real phone you would see 2 different results. 
  Can anyone tell, why is there such a difference and how can i overcome it?
  Thanks so much</p>