0

spree_bootstrap_theme (https://github.com/Andrewmp1/spree_bootstrap_theme) をインストールするためのガイドを理解するのに少しあいまいな気がします。何か提案はありますか？どうもありがとう！

以下は私がやったことです：

  1. 酒宴のための新しいサンドボックスを作成します。

  2. Gemfile に追加:

    gem 'spree_bootstrap_theme', :git => 'git://github.com/Andrewmp1/spree_bootstrap_theme.git'

  3. スタイルシート内の application.css の名前を application.css.scss に変更します

  4. stylesheets フォルダー内に新しいファイルを作成します: bootstrap_and_overrides.css.scss。

  5. 次の行を bootstrap_and_overrides.css.scss に追加します。

    @import 'store/spree_bootstrap_theme';

  6. application.js を開き、以下を追加します。

    //= require bootstrap

  7. レールサーバーを実行する

受け取った結果: http://imageshack.us/f/405/spreet.png/ ご覧 のとおり、レイアウトが壊れていました。ファイルのソースを表示しましたが、ブートストラップについて何も表示されません。私が得たものはここにあります：

<meta content="Spree demo site" name="description" />
<link href="/assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link href="/assets/normalize.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/skeleton.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/store/screen.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/store/spree_core.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/store/spree_promo.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/store/all.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<meta content="authenticity_token" name="csrf-param" />
<meta content="BoSR3FtvQBjqF68s7amtXGMVypmaW68e7tHhRzYvqzw=" name="csrf-token" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.validate/jquery.validate.min.js?body=1" type="text/javascript">    </script>
<script src="/assets/store/checkout.js?body=1" type="text/javascript"></script>
<script src="/assets/store/product.js?body=1" type="text/javascript"></script>
<script src="/assets/store/cart.js?body=1" type="text/javascript"></script>
<script src="/assets/store/spree_core.js?body=1" type="text/javascript"></script>
<script src="/assets/store/spree_promo.js?body=1" type="text/javascript"></script>
<script src="/assets/store/all.js?body=1" type="text/javascript"></script>

Gemfile にも gem 'bootstrap-sass' を追加しようとしましたが、どちらの場合も結果は上記と同じです。

4

2 に答える 2

3

stylesheets/store内に「spree_bootstrap.scss」という名前のファイルを次の内容で作成しました。

@import 'store/spree_bootstrap_theme'

その後、stylesheets / store/all.cssから以下のコードを削除しました

*= require store/spree_core
*= require store/spree_promo

そして、javascripts / store/all.jsについても同じです。

//= require store/spree_core
//= require store/spree_promo

そして、私はjavascripts / store/all.jsに以下を含めました::

//= require bootstrap

サーバーを起動すると、正しいスタイルのspree_bootstrap_themeが表示されます。

于 2013-03-22T10:07:01.507 に答える
0

application.css の名前を application.css.scss に変更するべきではないと思います。ファイル application.css は特別な目的のファイルです。ここで、その形式と構文について読むことができます。

于 2012-11-17T22:19:54.693 に答える