0

我用定製twitter引導框架主題爲Drupal站點。它給了我兩個文件定製引導程序不顯示在平板電腦中的反應行爲

bootstrap.css 

bootstrap.min.css. 

當我上傳簡單​​主題(不是Drupal)時,它顯示了平板電腦的響應行爲。我將相同的主題轉換爲Drupal,當我調整計算機中的瀏覽器大小時,drupal網站顯示響應行爲。但是當我在平板電腦上訪問該網站時,它是作爲一個普通的網站,而不是一個響應式的網站。

這是theme.info中css文件的層次結構。

stylesheets[all][] = css/bootstrap.css 

stylesheets[all][] = css/bootstrap.min.css 

stylesheets[all][] = css/custom.css 

我哪裏錯了?先謝謝你。

回答

0

您不包括響應式樣式表,您只包括主引導程序樣式表(用於開發的bootstrap.css)和縮小版本(用於生產的用戶爲bootstrap.min.css)。只需刪除bootstrap.css樣式表,並在bootstrap-responsive.css之後包含響應表。

+0

謝謝你的回覆@Andres。由於我下載了bootstrap的自定義版本,因此我只獲得了兩個文件bootstrap.css和bootstrap.min.css,並且我被告知bootstrap-responsive.css包含在bootstrap.css的自定義版本中。實際上它包含在bootstrap.css中。我還可以在調整瀏覽器大小的同時看到響應行爲,但在平板電腦中看不到此行爲。 –

+0

@sandeshyadav哦,是不是現在做定製下載:P你有一個演示網站,所以我可以檢查你的網頁和診斷問題? –

+0

現在該網站可以在http://bibliophilics.com/test/writerskafe/看到,我正在使用自定義下載。 –

0

首先你不必包含這兩個文件。

第二,你必須使用一些類來使行爲響應。據我所知,沒有引導響應文件(專用文件),因爲引導程序本身支持響應。

例如如果你想讓表格響應,請將class =「table-responsive」與其他類一起使用。如果你想使按鈕響應,使用class =「col-lg- * col-md- * col-sm- * col-xs- *」 其中*表示數字rangin從1到12.這稱爲網格系統。

相關問題