Question

克隆我的git repo后，我的应用程序被破坏了。我修复了它（删除了bootstrap_and_overrides.css.less）到我现在可以实际看到页面的位置，但是下拉列表和选项卡都被破坏了。这让我觉得引导响应，由于某种原因，没有被加载。以下是我认为的罪魁祸首。

的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";

Eek，请帮忙吗？

Answer 1

卸载旧版本'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文件

恢复每个错误

Answer 2

我在想你看到bootstrap javascript组件无法正常工作。

这是因为bootstrap的js组件依赖于jQuery，并且在引导程序之后包含，而不是之前。更改包含顺序（包括jquery）：

<强>的application.js

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

Answer 3

如果有人遇到这个问题，我终于找到了答案，希望它会有所帮助。发生的事情是我已经加载了两次加载的bootstrap-responsive.css。它已经包含在我的bootstrap_and_overrides.css.scss文件中。我删除了不需要的额外css文件，并且blamo工作。

bootstrap响应破碎

3 个答案: