在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：​​ 和當然，引導整合。

Answer 1

您可以設置「跨度2」級的圖像元素。當使用Bootstraps響應庫時，所有「跨度」將疊加在彼此之上，而不是從某個屏幕寬度浮起。我建議你簡單地將#logo的寬度和高度設置爲靜態值。

http://jsfiddle.net/pC2xd/

嘗試取出width: 100px; height: 100px看到沒有這些靜態值會發生什麼。

Answer 2

也許你應該試試class='container-fluid'。

參考這裏：http://twitter.github.io/bootstrap/scaffolding.html#responsive