bootstrap on website issue

Bootstrap is just a framework of media queries and html markup with some additional widgets added in.

You can just use css media queries to adjust your site as you see fit. The problem is your design has so many issues that you are going to be re-working the entire layout anyway.

When you do a website, every page should be designed with different screen sizes in mind. Tacking it on the end makes your job virtually impossible.

Finally, in moments of extreme frustration, you can always use bootstraps hidden-xs or visible-xs to double the HTML content but completely alter the content displayed at different screen sizes. Like your footer image could be hidden for small screen sizes and some text with relevant information displayed.

Your nav design is going to cause you headaches too. Again you can just hide it at smaller resolutions and replace it with a single dropdown shorter version for instance. Or use bootstraps nav bar which does the same thing, but does it very well.

Good luck,

Paul.

PS Bootstrap and other css frameworks are very easy to learn and get to grips with quickly. Their documentation is fantastic too which really helps.