3

讓我的Rails應用程序全部使用Twitter Bootstrap進行了美化,但我想我錯過了如何將Bootstrap's responsive behavior添加到資產管道中。Twitter Bootstrap 2:如何將響應(ness)添加到Rails資產管道

目前,當我伸展我的窗戶時,它不會增長(或縮小)。

我在<head>添加視口元數據:

<meta content='width=device-width, initial-scale=1.0' name='viewport'> 

不過,不太清楚如何,或者,要添加樣式表:

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 
+0

您是使用像素還是使用百分比設置佈局寬度?當我們第一次設置我們的網站時,我們使用像素來開始,因爲它更容易,後來不得不將它們全部搜索並換成百分比。 – Robert

+0

我們添加的唯一「寬度」是通過'.span'&'.offset'類。 – Meltemi

回答

7

發現他們的瑰寶,它們已經包含在引導,薩斯寶石:

「按照該項目的引導,我們不包括響應風格默認情況下爲@import "bootstrap-responsive";。「

0

你可以只添加的文件的某處鏈輪將找到它,例如vendors/assets/stylesheets是一個自然的地方。根據您在app/assets/stylesheets/application.css可以做什麼,但如果你沒有在那裏require_tree .聲明,那麼你就需要明確其包含:

/* 
... 
*= require bootstrap-responsive.css 
*/ 

在你的佈局,如果你有一個stylesheet_include_tag :application應該這樣做,你不應該明確地添加它。

+0

好吧,我想我想知道它是否已經包含在'bootstrap-sass'中,就像一些Bootstrap JavaScript庫一樣? – Meltemi

相關問題