Twitter Bootstrap网站上的徽标问题

Question

所以，我正在使用Twitter Bootstrap在我的第一个网站上工作。效果很好。 现在我正在尝试让网站响应。 当我将屏幕缩小（太模拟手机屏幕）时，徽标变得越来越大，直到它的页面尺寸太小（我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; } 当然还有bootstrap集成。

Answer 1

也许你应该试试class='container-fluid'。

请参阅此处：http://twitter.github.io/bootstrap/scaffolding.html#responsive

Answer 2

在image元素上设置“span2”类。当使用Bootstraps响应库时，所有“跨度”将堆叠在彼此之上，而不是从某个屏幕宽度浮动。我建议您只需将#logo的宽度和高度设置为静态值。

http://jsfiddle.net/pC2xd/

尝试删除width: 100px; height: 100px，看看没有这些静态值会发生什么。