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响应中断

回答

相关问题