Mobile Responsiveness on Portfolio

I was almost finished my portfolio when I realized it was not very responsive, so I decided to make a basic layout/template so I could better understand the Bootstrap grid system. I can not figure out why my divs that are nested inside other divs go all over the place on mobile.

Your custom css positioning seems to be conflicting with some of what bootstrap does to make the page responsive. I would recommend taking out your css and then try to set up your page structure just with html and bootstrap, then go in and add back the bits of your custom css that you need for finishing touches.