how to change an existing website to bootstrap

Question

So I have a html ,css , and javascript files, they all form a tiny little web app which is required for a homework for my web app course, part of my homework is to make a bootstrap version off the web i just made.

My question is how do I convert my code to bootstrap to make my web responsive? what tricks/shortcuts can I take?

Solution

You should read bootstrap documentation here: http://getbootstrap.com/css/

I'll recommend you to start by choosing what type of container your content will be using: normal one, or fluid (100% browser width). With this defined, you can start putting some responsive grid classes on your div's.