2013-02-13 63 views
0

我有一個正在開發的網站(http://www.snippet-monkey.com)。這個網站是用Twitter Bootstrap和Rails3開發的。使Twitter自舉響應

現在,佈局在不同的瀏覽器中顯示不同的行爲。它適用於我的筆記本電腦中的所有瀏覽器,但在其他機器上無法使用,並在其他許多機器上運行。

我怎樣才能將此佈局轉換爲響應? 任何幫助真的很感激。

+0

在我的筆記本電腦上的所有瀏覽器上都能正常工作,但在其他機器上無法正常工作,並在其他許多設備上工作。響應與機器或瀏覽器無關(在我看來),但你的網頁在某些視口(又名屏幕尺寸)上的表現如何? – Rockbot 2013-02-13 09:47:44

+0

@搖滾樂 - 對不起,這正是我的意思。隨着平臺更改屏幕尺寸可能會有所不同 – user1428016 2013-02-13 11:00:43

+0

您是否使用.less或.ssss版本的bootstrap? – Rockbot 2013-02-13 11:52:57

回答

1

添加@import「twitter/bootstrap/responsive」;

您bootstrap_and_overrides.css.less文件

默認情況下,這些天未啓用引導配置響應,你必須添加此功能中,這是你的意思與「這有什麼簡單的方法

+0

試了一下。但仍然沒有工作。窗口大小縮小時,右上角的「登錄」按鈕似乎不可見。這是因爲在導航欄上固定頂部? – user1428016 2013-02-13 11:06:11

+0

確定,您的按鈕消失,因爲您尚未啓用導航欄的響應式佈局,請參閱http://twitter.github.com/bootstrap/components.html#navbar(響應式導航欄) – Richlewis 2013-02-13 13:00:10

+0

第二件事,擺脫所有內聯樣式,並將其放在外部樣式表中,看起來你的壓倒一切的默認引導行爲 – Richlewis 2013-02-13 13:03:09