How to target a specific screen size using @media media query?

Question

I am new to responsive design, I am toying with twitter bootstrap responsive.css now. And I am encountering some trouble with my project.

The trouble is, my left column

Answer 1

The row-fluid class exapmles in Bootstrap can be found here http://getbootstrap.com/2.3.2/examples/fluid.html

If you want Visual Studio to help with CSS then get the LESS file from http://bootswatch.com, and get the Twitter.Bootstrap.Less nuget package. Then add the following to the bootswatch.less file

@import url("bootstrap/bootstrap.less");

There is alternative to Boostrap row-fluid, called 'Foundation' http://foundation.zurb.com/develop/download.html#customizeFoundation

It has definitions for 'small' and 'large' media and lots more:

    Desktop here


    
        

        Mobile here