2

gitリポジトリのクローンを作成した後、アプリが壊れました。私はそれを修正し（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";

ええ、助けてください？

4

3 に答える 3

1

古いgem'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-24T15:54:29.010 に答える
0

ブートストラップJavaScriptコンポーネントが正しく機能していないことがわかります。

これは、ブートストラップのjsコンポーネントがjQueryに依存しており、それらがブートストラップの前ではなく後に含まれているためです。含める順序を変更します（そしてjqueryを含めます）：

application.js

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

誰かがこれに出くわした場合、私はついに答えを見つけました、うまくいけばそれが役立つでしょう。何が起こっていたのかというと、2回ロードされていたbootstrap-response.cssが含まれていました。それはすでに私のbootstrap_and_overrides.css.scssファイルに含まれています。不要な余分なcssファイルを削除しました。

于 2013-02-01T15:08:23.093 に答える