Проблема с логотипом на Twitter Загрузочный сайт

Question

Итак, я работаю над своим первым сайтом с Twitter Bootstrap. Прекрасно работает. Теперь я пытаюсь получить отзывчивый сайт. Когда я делаю экран меньшим (слишком симулировать экран мобильного телефона), логотип становится все больше и больше, пока он не станет слишком маленьким размером страницы (I geuss?), Затем он перескакивает слишком малым размером, и он остается там.

У кого-нибудь есть идея, как это исправить? Я хочу, чтобы он тоже остаться тот же размер ... 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; } И, конечно же, самонастройки интегрированный.

Answer 1

Вы установите "Span2" класс на элемент изображения. При использовании библиотеки ответов Bootstraps все «промежутки» будут складываться друг поверх друга, а не плавать с определенной ширины экрана. Я предлагаю вам просто установить ширину и высоту #logo на статическое значение.

http://jsfiddle.net/pC2xd/

Попробуйте удалить width: 100px; height: 100px, чтобы увидеть, что происходит без этих статических значений.

Answer 2

Возможно, вам стоит попробовать class='container-fluid'.

см здесь: http://twitter.github.io/bootstrap/scaffolding.html#responsive