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! 
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 