css - 100% width in bootstrap for iPhone -
i'm using bootstrap simple html5, css3 website.(see here: http://skyfistudio.com/project/fsc/ ) .there 3 divs should 100% width.
it's looking in desktop , browsers. in iphone , shows aligned left(please see attached image). want stretch 100%. iphone view here:
http://skyfistudio.com/project/fsc/hosting/
here code first navigation:
ul.fnav { list-style-type:none; margin:0 auto; padding:0; padding-top:8px; padding-bottom:8px; text-align:center; margin-top:0px; background-color:#3b5998; width:100%; } ul.fnav li { display:inline; } ul.fnav a:link,ul.fnav a:visited { font-weight:normal; color:#fff; margin-left:10px; font-size:13px; text-align:center; padding:6px; margin-right:55px; text-decoration:none; text-transform:uppercase; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } ul.fnav a:hover,a:active { color:#ccc; }
place them inside <div class="container-fluid">...</div>
Comments
Post a Comment