Bootstrap columns not stacking on iphone? -


i'm using simple bootstrap template. columns seem stacking on mobile way i'd like, except on iphones. responsive checker, resizing screen shows correctly. of our android phones, tablets, , ipads show correctly. on iphone, shows smaller version of desktop site.

i have viewport meta tag in place, , links bs css, jquery, , js files. i've tried using col-xs , col-s classes @ full-width, nothing seems working. want columns stacking on top of each other instead of side side on mobile.

<div class="row">      <div class= "col-md-4">      <h3>this promotion can snowballed several months making truckloads of cash.  call press , let them know you’re doing.  love story.  make sure tally votes , make big deal out of it. staff involved.</h3>       </div>       <div class= "col-md-4">     <h3>post results in business, on website, in newsletter many ideas.  make outlandish campaign promises.  have mock debates.  there many possibilities using theme.  main thing have fun it!  customers love it.<br>who knows? might win!</h3>     </div>       <div class= "col-md-4">     <h3>we can customize offer whatever want.  , can choose offer works best business thousands of promotions have done helping businesses yours increase sales</h3>     </div>    </div><!--end row-->

ok...so figured out problem coming domain redirect mask. redirect putting site iframes it's not registering viewport.


Comments