Android browser ignores Bootstrap [Solved]

Android browser ignores Bootstrap [Solved]
0.0 0

#1

Well it seems the native browser on my Android smart phone (running Jellybean) just ignores Bootstrap’s grid system.

The content did not fill across 10 columns if it was in a <p> but the <blockquote> did. So I put everything in a <blockquote> and the 2nd <blockquote> in the same div now doesn’t place the text across the page.

As for the collapsible menu, that doesn’t work so I have no idea what resolution the browser is working at. Is this our lot in life! :frowning:

By the way, Chrome on the phone works much better. However, again the collapsible menu doesn’t show. Back to the drawing board I think. Maybe I need to start from mobile view :’(


#2

Ok, someone on Gitter helped me.
You need to add this to the HTML meta tags.

<meta name="viewport" content="width=device-width, initial-scale=1.0">
http://www.w3schools.com/css/css_rwd_viewport.asp