問題タブ [bootswatch]

rails4.1.6でbootstrapを使ったプロジェクトを作ろうとしています。

ここにgemfileがあります：

$ bundle install成功しました。

とブーツウォッチの設定

アプリ/アセット/スタイルシート/application.css

アプリ/資産/javascript/application.js

しかし$ rails s、サイトを表示すると、次のエラーが表示されます。

どうやって解決するのですか？

Bootswatch ( https://bootswatch.com/flatly/ )から flatly テンプレートをインストールした後、twbsの通常のモーダル ウィンドウが機能しなくなりました。

テーマをアプリケーションに追加するまでは完全に機能します。

これは、モーダル ウィンドウが表示されることを意味しますが、アクティブではありません。モーダル ウィンドウは灰色の背景の後ろに表示されます。モーダル ウィンドウにフォーカスがありません。私も閉めません。しかし、なぜ？

Bootswatch Cosmo を使用して Web サイトを構築していますが、ドロップダウン メニューが機能しません。このページはhttp://spencermehta.co.ukでライブで見ることができます。htmlは次のとおりです。

Pelican サイトの CSS を使用してフォントサイズを変更する方法について、誰でもヒントを得ることができます。私は pelican-bootstrap3 テーマを使用しています。

テーマをフォークして変更したくありません。custom.css機能でサイズを変更したいです。

助けてくれてありがとうマティアス

M Hartl の Rails チュートリアルに従って、bootswatch テーマを追加しようとしています。

チュートリアルで定義されているboostrap-sass gemと、ネットのtwitter-bootswatch-rails gemを使用することで成功しました。

ただし、Hartl のチュートリアルでは、デフォルトのブートストラップに加えて作成するすべての CSS は、別の custom.css.scss ファイルにあります。

私のapplication.css.scssファイル（Railsのデフォルトの.cssから名前が変更されました）には含まれています

これは機能しますが、custom.css.scss ファイルには、ブートストラップで設定された変数である $gray-light への参照があります。追加しない限り、サーバーはcssファイルの変数参照でエラーを返します

custom.css に。

ただし、最終的には、2 つの巨大な CSS ファイルが使用されるようになりました。理由はないと思います。

という考えを思いつきました

custom.css.scss ファイルを application.css.scss ファイルに含めて、すべてを 1 か所にまとめ、変数が適切に機能するようにすることでした。

機能するもう 1 つの方法は、custom.css.scss の内容全体を application.css.scss にダンプすることですが、それでは個別のファイルを持つという点が無効になります。

私は何か間違ったことをしていますか？

編集: 火にさらに燃料を追加するために、custom.css から 2 行を削除し、代わりに `@import bootswatch/cerulean/variables"; を削除しました。ただし、Web サイト自体にある結果の CSS には何もありません。ファイル。

bootswatch.com のflatlyテーマを使用しています

折りたたみ可能なトップナビゲーション バーがありますが、トップナビゲーションではなくサイドバー ナビゲーションになるようにリファクタリングしたいと考えています。

現在のコードは次のとおりです。

ナビゲーションを切り替え ブランド

独自のメソッドを発明する前に、いくつかのクラス名を変更して機能させるだけでよいことを願っています。（私はブートストラップが初めてです）。

次のような単純なアンカーがある場合、Angular にルートに移動しようとしないように指示するにはどうすればよいですか。

「ホーム」をクリックすると、CSS を使用して現在のビューの div セクションを非表示/表示するだけですが、前述のように、Angular は app.js などで設定した特定のルートに移動すると考えています。

何か案は？

どうもありがとう、

デビッド