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.

http://jsfiddle.net/pc2xd/

try removing width: 100px; height: 100px see happens without these static values.


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -