无法使用引导程序获得响应式布局

Question

Here's the live URL of my web page, however I'm using the latest version of bootstrap. All 'css' is included in 'master.css'. The problem is this box or any other(later on if you fill the form) is not responding to any responsiveness. Tried on mobile as well! What am I missing here?

http://mplanner.esy.es/mplanner/

I've included only bootstrap.min.css and some custom styles at the end in 'master.css'

Answer 1

You added a fixed width to .col-min and to .form-area-inner, .form-planner-inner Therefore, the "responsive"-width of bootstrap is being replaced by the fixed witdhs.

Removing those fixed-widths will give you back the responsiveness. You can use some media queries if you want to keep the fixed widths on layouts with a certain width.