html - Twitter bootstrap not being mobile friendly

Question

So I am working on a prosject learning twitter bootstrap but got into the problem being that the website is not actually mobile friendly and look bad on big screens.

Here is the link:

jsfiddle: http://jsfiddle.net/6LsG7/

The sticky footer also covers alot of the content.

Answer 1

It seems that you are not using any classes provided by bootstrap. Instead you are creating your own id's? Bootstrap has a structured framework with the use of classes such as "container", "nav", "column".

For you to obtain a responsive design you must abide by the classes pre-provided. Might I suggest you check out a WYSIWYG bootstrap layout maker such as LayoutIt.