2

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

宝石文件

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

应用程序.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";

哎呀，请帮忙？

4

3 回答 3

1

卸载旧 gem'bootstrap-sass', '~> 2.0.4.0'并安装新版本gem "bootstrap-sass", "~> 2.2.2.0"

如果您的应用程序的某些内容被破坏，您必须更改您的 css 代码，bootstrap_and_overrides.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-24T15:54:29.010 回答
0

我认为您看到引导 javascript 组件无法正常工作。

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

应用程序.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require bootstrap
//= require_tree .
于 2013-01-24T16:30:06.990 回答
0

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

于 2013-02-01T15:08:23.093 回答