2015-06-25 38 views
0

我有設備定製設備,可以有1 3種不同的屏幕尺寸 - 800 * 392,1024×544,1280 * 725與NF瀏覽器使用引導

目前我們使用不同的CSS文件來使用屏幕時大小定義從HTTP標頭被打到我們的Web應用程序時。我想切換到Bootstrap統一我們的應用程序的外觀,但也做一個CSS定義,而不是3.當我加載這個引導示例 - http://getbootstrap.com/examples/grid/在我的瀏覽器,並調整爲不同的寬度,我得到我喜歡的結果。 800px的寬度顯示爲一個移動顯示(堆疊網格),其他顯示爲列....當我加載到設備上時,全部三個以移動格式加載(800px外觀)。這是因爲設備瀏覽器被識別爲移動瀏覽器(Netfront 3.5)還是某些JavaScript無法正確加載?

請原諒我的引導知識,因爲它有點限制,直到我閱讀越來越多。我在嘗試做一個概念驗證之前,我們首先作爲我們用於設備用戶界面的框架深入探討....請幫助。編輯 - http://getbootstrap.com/examples/non-responsive/在帶有列的設備上正確顯示。

回答

1

您提供的鏈接的前3個示例使用「中」欄。這意味着992px下的任何瀏覽器窗口都會顯示堆疊在一起的列。據我瞭解,Bootstrap在顯示列時並沒有真正關注該設備,它只是擔心窗口大小。將頁面中的示例向下移動到移動設備上看起來是否正確?那些正在使用「小」和「超小」列中斷點,並應在較小的設備上充當列。

編輯:您還可以自定義在引導斷點,這樣你就可以對其進行自定義,以滿足您的應用程序的大小 - 800,1024,1280

+0

對不起這裏是從我模擬器的屏幕帽....似乎即使它是col-xs-6,它仍然堆疊。 http://i.imgur.com/7RIohUE.png – whreed

+0

該屏幕截圖很有幫助,並顯示bootstrap絕對不會像它應該那樣運行。我不認爲這是一個javscript加載問題,因爲網格示例不使用jquery或bootstrap.js。我現在也有點難過,但我可以告訴你,這通常不是它的外觀或工作原理! –

+0

http://getbootstrap.com/examples/non-responsive/運行正常,所以我錯過了什麼! http://i.imgur.com/5Wox1Dl.png – whreed