html - Bootstrap not formatting for mobile -



html - Bootstrap not formatting for mobile -

so trying teach myself how utilize bootstrap , reason can not website format correctly when displaying on mobile device. website formatting correctly when browser resized not when emulating mobile device.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="bootstrap.min.css" rel="stylesheet" > </head> <body> <div class="container-fluid"> <h1>here container is. </h1> <div class="row-fluid"> <div class="col-lg-4 col-md-4 col-sm-4"> <h2>paragraph 1</h2> <p>lorem ipsum dolor sit down amet, consectetur adipiscing elit. proin rutrum leo ut posuere suscipit. suspendisse sed ex venenatis, tempus quam sit down amet, porta sapien. maecenas in nibh leo. in elementum eleifend odio, id pellentesque justo. cras vitae placerat mauris. aliquam erat volutpat. integer faucibus eget nulla eget mollis. pellentesque interdum vitae purus ut venenatis. fusce hendrerit ultricies dignissim.</p> </div><!--col-lg-4 col-md-4 col-sm-4--> <div class="col-lg-4 col-md-4 col-sm-4"> <h2>paragraph 2</h2> <p>duis elementum quam sit down amet ante imperdiet, id bibendum nunc finibus. donec et semper quam, et tempus tellus. nullam quis nisl european union sem sodales consectetur. donec ornare urna elit, in euismod leo feugiat eget. in european union placerat tellus. nullam et tristique purus. sed ut accumsan ipsum, nec semper mauris.</p> </div><!--col-lg-4 col-md-4 col-sm-4--> <div class="col-lg-4 col-md-4 col-sm-4"> <h2>paragraph 3</h2> <p>mauris euismod massa gravida posuere. etiam placerat euismod est. nam sed scelerisque elit. mauris id ultrices enim. nulla european union justo eget tellus vestibulum lacinia non european union augue. maecenas porta purus vitae vehicula mattis. nam auctor euismod ornare. morbi eleifend luctus varius. sed non nisl porta, vehicula elit sed, rhoncus felis. aliquam ac elementum nunc. integer blandit porta nisi, et venenatis nibh. donec velit lorem, aliquet vel lorem in, efficitur tempus leo. nulla facilisi. nam vel malesuada mauris. vivamus leo libero, finibus ut justo eget, tristique lobortis lectus. etiam luctus urna eget leo lobortis blandit.</p> </div><!--col-lg-4 col-md-4 col-sm-4--> </div><!--row--> </div><!--container--> </body> </html>

i have been unable figure out why be. help appreciated.

it looks using bootstrap 2 here, take @ tutorial on configuring bootstrap 3 work on mobile devices.

html css twitter-bootstrap mobile responsive-design

Comments

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -