bootstrap響應中斷

克隆我的git repo後，我的應用程序被破壞。我修復了它（刪除了bootstrap_and_overrides.css.less），現在我可以實際看到這些頁面，但下拉列表和選項卡已損壞。這讓我覺得引導響應，出於某種原因，沒有被加載。以下是我覺得是罪魁禍首。bootstrap響應中斷

的Gemfile

gem 'rails', '~> 3.2.6' 
gem 'bootstrap-sass', '~> 2.0.4.0' 
gem 'less', '~> 2.2.0'

的application.js

//= require bootstrap 
//= require_tree . 
//= require jquery_ujs 
//= require jquery-ui

bootstrap_and_overrides.css.scss

$iconSpritePath: image-path('/glyphicons-halflings.png'); 
$iconWhiteSpritePath: image-path('glyphicons-halflings-white.png'); 
$navbarBackground: #555; 
$navbarBackgroundHighlight: #888; 
$navbarText: #eee; 
$navbarLinkColor: #eee; 

@import "bootstrap"; 
body { padding-top: 60px; } 
@import "bootstrap-responsive";

伊克，請幫助？

來源

2013-01-24 planetP

這只是一個愚蠢的問題？我不清楚嗎？誰能幫我？ – planetP

我終於找到了答案，如果任何人遇到這樣，希望這會有所幫助。發生了什麼是我已經包括了兩次加載的bootstrap-responsive.css。它已經包含在我的bootstrap_and_overrides.css.scss文件中。我刪除了不需要的額外css文件，它可以工作。

來源

2013-02-01 15:08:23 planetP

卸載舊寶石'bootstrap-sass', '~> 2.0.4.0'並安裝新版本gem "bootstrap-sass", "~> 2.2.2.0"

如果您的應用程序的東西壞了，你必須在你的bootstrap_and_overrides.css像更改CSS代碼：

// Set the correct sprite paths 
$iconSpritePath: asset-url('glyphicons-halflings.png', image); 
$iconWhiteSpritePath: asset-url("glyphicons-halflings-white.png", image); 

@import "bootstrap"; 

/* new design.................................................................................*/

如果您定製了這個文件以前，你有恢復每個錯誤bootstrap_and_overrides.css文件

來源

2013-01-24 15:54:29 hyperrjas

我更新了寶石。更改了精靈路徑。仍然不起作用。你是什麼意思恢復每個錯誤？沒有真正的錯誤只是功能被破壞。 [鏈接]（http://twitter.github.com/bootstrap/components.html#navs）[/ link]是什麼壞了。 – planetP

你的意思是說你的app沒有加載自舉寶石？我的意思是，你可以看到你的應用程序加載的一些CSS引導或JavaScript的引導程序的JavaScript？ – hyperrjas

是的，我可以看到CSS和JavaScript正在工作。它只是特定的引導響應式的東西，如Tabbable導航和引導程序崩潰 – planetP

我在想你看到的引導JavaScript組件不能正常工作。

這是因爲引導程序的js組件依賴於jQuery，並且這些包含之後的 bootstrap，而不是之前。更改您的訂單包含的（幷包括jQuery的）：

的application.js

//= require jquery 
//= require jquery_ujs 
//= require jquery-ui 
//= require bootstrap 
//= require_tree .

來源

2013-01-24 16:30:06 bdares

如果我在jQuery後移動require_tree，那麼我的javascript已損壞。在引導後，問題仍然存在。例如/一些/頁面我點擊我的collapsible，它說/ some/page /＃collapsableOne但沒有任何擴展 – planetP

bootstrap響應中斷

回答

相關問題