html - Issue with logo on Twitter Bootstrap site -
so, i'm working on first website twitter bootstrap. works great. i'm trying website responsive. when make screen smaller(too simulate mobile phone screen), logo gets bigger , bigger, until gets smallest page size(i geuss?), jumps smaller size , stays there.
does have idea how fix this? want stay same size... html:
<div id="header" class="container"> <img id="logo" class="span2 offset1" src="img/logo.png" title="hostellerie de hamert"> <h1 id="dehamert" class="text-center span6">hostellerie de hamert</h1> </div>
css:#logo{ background-color: transparent; max-width: none; }
, of course, bootstrap integrated.
you set "span2" class on image element. when using bootstraps responsive library "spans" stack on top of each other instead of float screen width. suggest set width , height of #logo static value.
try removing width: 100px; height: 100px
see happens without these static values.
Comments
Post a Comment