3

Gemfile に以下を追加して、サポートの少ない twitter-bootstrap-rails gem をインストールしました。

  gem 'therubyracer'
  gem 'less-rails'
  gem 'twitter-bootstrap-rails'

バンドルのインストールを実行した後、ジェネレーターを実行しました。

rails generate bootstrap:install static

app/assets/stylesheets/ の私の application.css には、次のものが含まれています。

 *= require_self
 *= require_tree .

ソースを表示すると、次のように表示されます。

<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" />

それで、そこです。その後、グリッド システムをいじり始め、マークアップを追加しましたshow-gridが、スタイルがないことに気付きました。bootstrap_and_override.css.less ファイルに以下を追加しました。

@import "twitter/bootstrap/reset.less";
@import "twitter/bootstrap/variables.less";
@import "twitter/bootstrap/mixins.less";
@import "twitter/bootstrap/scaffolding.less";
@import "twitter/bootstrap/grid.less";
@import "twitter/bootstrap/layouts.less";
@import "twitter/bootstrap/type.less";
@import "twitter/bootstrap/forms.less";
@import "twitter/bootstrap/wells.less";
@import "twitter/bootstrap/component-animations.less";
@import "twitter/bootstrap/buttons.less";
@import "twitter/bootstrap/close.less";
@import "twitter/bootstrap/navs.less";
@import "twitter/bootstrap/navbar.less";
@import "twitter/bootstrap/labels-badges.less";
@import "twitter/bootstrap/hero-unit.less";
@import "twitter/bootstrap/utilities.less";
@import "twitter/bootstrap/responsive";

これらを追加した後、ローカル Rails サーバーを起動しましたが、まだアプリケーションにマークアップが表示されません。ここで何か間違ったことをしているに違いありません。application.css の名前を application.css.less に変更する必要がありますか? 何かを再コンパイルする必要がありますか? show-gridスタイリングは以下のインポートの 1 つ (おそらく grid.less) にあると推測しています。

この問題のトラブルシューティングを開始するための適切な手順はどこですか?

4

1 に答える 1