I may be misunderstanding the intent of the 12 column layout. I am using it to design a page that should work for desktop, tablet and phone.
My understanding is regardless which device/resolution, you are expected to use up all 12 columns in a page. This understanding is verified, when I tried using only 8 columns, the page content is pushed to the left, leaving empty spaces on the right. So I did a 12 column layout with responsive design. Each row generally has two components side by side. It works great on a desktop web browser. Then I tried to view it on my Samsung Galaxy s3, 1280 x 720. The page is immediately squeezed resulting in one component on top of its neighbor. Funny thing is this happens even when I switch to landscape mode, which supposedly has 1280 pixels. I tried changing row to row-fluid, but no difference. If it helps, When I apply firebug using the Responsive Design View (set to 1280 x 720), the container class indicates a with of 1170px in landscape mode, and no width in portrait mode. What am I doing wrong to get the phone to display this page with two components laid out horizontally in a row? -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
