Rails を学習中...なので、bootstrap-sass gem を使用しています... 実際のブートストラップ CSS ファイルはどこにありますか? それらを含めるためにある種の魔法が起こっているようです。CSS のプロパティを微調整したい場合はどうすればよいでしょうか....
2865 次
3 に答える
4
多くの Rails 開発者に好まれているbootstrap-sass gemを使用しています。したがって、Twitter Bootstrap CSS ファイルは gem ( vendor/assets/stylesheets/ ) にあります。
開発者は、gem を使用して Bootstrap ファイルをインクルードします。これは、新しい Bootstrap バージョンがリリースされたときに、gem を更新するだけで簡単に更新できるためです (さらに、gem は Rails のやり方ですよね?)。Sass は Rails のスタイルシートのデフォルト形式であるため、bootstrap-sass gem が人気です。代替手段は、スタイルシートにネイティブの Bootstrap LESS 形式を使用するtwitter-bootstrap-rails gem です。
gem を使用して、ファイルapp/assets/javascripts/application.jsを変更する必要があります。
#app/assets/javascripts/application.js
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
ベスト プラクティスは、 app/assets/stylesheets/bootstrap_and_overrides.css.scssという名前のファイルを追加することです。
# app/assets/stylesheets/bootstrap_and_overrides.css.scss
@import "bootstrap";
body { padding-top: 60px; }
@import "bootstrap-responsive";
これは、Bootstrap 本体スタイルをオーバーライドして、Bootstrap ナビゲーション バーに対応するパディングを追加する例を示しています。次に、 app/assets/stylesheets/の追加ファイルにアプリケーション固有の CSS (または Sass) を追加します。
私は詳細な記事を書きました：
より詳細に説明し、アプリケーションのレイアウト、ナビゲーション リンク、Rails フラッシュ メッセージ、および Twitter Bootstrap 用のフォーム ビルダーをセットアップする方法を示します。詳しく知りたい方はこちらの記事が参考になります。
于 2013-08-08T13:36:56.750 に答える
3
残念ながら、gem を使用すると、css ファイルが隠されます。を実行するbundle show bootstrap-sassと、gem のファイルがどこにあるかが表示され、そこで使用されているスタイルシートが表示されます。
gem のファイルを表示すると、スタイルシートが で使用されていることがわかりますvendor/assets/stylesheets/。
gem を使用せず、独自の Bootstrap スタイルシートを取得してアプリケーションの .xml に配置することをお勧めしますvendor/assets/stylesheets/。
于 2013-08-08T12:38:15.233 に答える
1
CSS ファイルは gem 内にあります。それらをアプリケーションに含めるには、
でapp/assets/stylesheets/、選択したファイルを作成できます。（私はそれをbootstrap_overrides.css.scssと呼びます）
ブートストラップ ソースを含め、オーバーライドします。
@include "bootstrap";
/* here are the overrides if you want to override the styles */
@include "bootstrap-responsive";
bootstrap_overrides.css.scssがグローバルapplication.cssファイルに含まれていることを確認します。
于 2013-08-08T12:38:31.623 に答える