問題タブ [bootstrap-sass]

bootstrap-sassRailsアプリケーションで使用しています。これまでのところ、すべて正常に機能していますが、ブートストラップ変数を使用する別のサードパーティの sass ファイルをインポートしようとしたところ、それらが表示されません。

私の中でapplication.css.scss

のbootstrap_local.css.scss

ページにアクセスすると Rails エラーが発生します

によって必要とされる変数bootstrap-social.scssは、以前にインポートされたbootstrapファイルで定義されています (実際には、含まれているパーシャルbootstrap/variablesで定義されています)。

私が理解している限り、これbootstrap_localは is requiredであるため機能するはずです。つまり、その中のすべてが 1 つのスコープで一緒にコンパイルされるため、にインポートされたものはすべてbootstrap_local1 つの大きなファイルとして扱われます。おそらく私はこれを間違っていますか？

をスローすると、正常に@import "bootstrap";動作bootstrap-social.scsします。しかし、これを行う必要はないので、何か間違ったことを行っているか、セットアップに何らかの設定ミスがあります。

これを修正するにはどうすればよいですか?

宝石:

• ブートストラップ-sass-3.1.1.1
• サスレール-4.0.3

システム：

• レール 4.0.1
• ruby 2.0.0p247 (2013-06-27 リビジョン 41674) [x86_64-linux]

( Bootstrap Socialは、Bootstrap と Font Awesome に基づいて純粋な CSS で作成されたソーシャル サインイン ボタンのセットです。)

bootstrap-sass gem を にアップグレードするときに参照/設定する必要があるものは他にあります~> 3.2.0か?

エディターとして RubyMine 6.3 を使用し、Gemfile で以下を使用します。

app/assets/stylesheets/application.css.scss は満足するでしょう

ただし、bootstrap-sass gem が Gemfile 参照を次のように変更して現在のバージョンにアップグレードされると (その後、bundle update を実行します):

RubyMine は、 「sass/scss ファイルへのインポートを解決できません」@import 'bootstrap';というステートメントを発行するようになりました。

twbs/bootstrap-sass インストール ドキュメントは、他に何かが必要であると推測していないようです...

Windowsでruby 2.0.0x64を実行しています

私がやります

そして、私はプロジェクトを作成します:

そして入れます

config.rb で一度コンパイルすると、それはすべて良いですが、もう一度コンパイルすると、次のエラーが発生しました。

--trace を指定して実行すると、完全なバックトレースが表示されます

だから私は --trace を使用してこれを得ました:

正常かどうか、およびこのエラーを修正する方法を教えてください。ありがとう！

編集: 24/08/14

in: C:\Ruby200-x64\lib\ruby\gems\2.0.0\gems\bootstrap-sass-3.2.0.1\assets\stylesheets\bootstrap. ファイル _component-animations.scss が含まれており、その内容は次のとおりです。

Bootstrap SASS variable を使用して異なるグリッド ガター幅を使用したいのです$grid-gutter-widthが、メディア クエリ内で異なる値を割り当てても機能しません。これが不可能であることは承知していますが、ミックスインまたはループを使用する助けをいただければ幸いです。

うまくいかないものの例ですが、私が達成したいことを指摘しています:

スマートな方法でこれを達成する方法を知っている人はいますか?

sinatra (1.4.5)、slim (2.0.3)、sass (3.4.0)、bootstrap-sass (3.2.0.1) の gemを使用して Ruby Web プロジェクトをセットアップしようとしています。

私は Sass を使用しているので、compass (1.0.1) gem を試してファイル.cssから自動的に生成することにしました。.scss

コンパスで使用するには、 bootstrap-sass github ページの指示に従いました。

ただし、これにより常に次の 2 つのコピーが生成されることに気付きましたbootstrap.css(これらgit diffは異なるディレクトリにあるため、ファイル パスを除いて同じであることがわかります)。

これは、このインストールの意図した動作ですか? もしそうなら、なぜ2部がbootstrap.css望ましいのですか? そうでない場合、コンパスが 2 つのコピーを生成しないようにするにはどうすればよいですか?

私は慎重に次の指示に従いました: https://github.com/plataformatec/simple_form/wiki/Bootstrap-component-helpers

しかし、ページが読み込まれるたびに、ブラウザーコンソールに次の JS エラーが表示されるという問題が発生し続けます。

この行の周り：

.tooltipイニシャライザが機能しているように見えるため、問題を引き起こしているのは だと思います。生成された html にはdata-toggle、JS セレクターに必要な属性が含まれているため、わかります。

bootstrap-sass宝石を使用しています。

ここに私のsimple_form_bootstrapイニシャライザがあります:

ここに私のsimple_form_components.rbイニシャライザがあります:

私は私の中でこのように呼んだ_form.html.erb：

これは私のものですpost.js-簡潔にするために切り捨てられています：

これは私の上部ですapplication.js：

ここで質問するのはこれが初めてなので、これを正しくフォーマットしていない場合はご容赦ください。

私はこの 1 か月間 Rails を扱ってきたので、私にとってはまだ比較的新しいものです。これまでのところ、すべての質問に対する答えを見つけることができましたが、この質問に対する答えを見つけることができないようです.

昨夜就寝したとき、Bootstrap カラムは完全に整列していました。今朝目が覚めたとき、突然、すべてのページで完全に位置がずれていました。これは、列構造ではなく、各列が新しい行を占めることを意味します。

これが私のGemfileです：

私のcustom.css.scssファイルは次で始まります：

そして、ほとんどのhtmlを次のようにフォーマットしました:

ページで開発ツールを使用すると、列がブートストラップ css を適切に継承しているように見えますが、まだフォーマットされていません。

何か案は？前もって感謝します。

Digital Ocean ドロップレットで実行されている Dokku にデプロイしようとしています。Docku がアセットをコンパイルしようとすると、上記のエラーで失敗します。私はそれがDokkuのものであるかもしれないと思ったので（それが機能するherokuから来ている）、rake assets:precompileローカルで実行しようとしたので、それを自分のレポにプッシュしてからDokkuにプッシュできました。

ローカルで同じエラーが発生しましたSprockets::FileNotFound: couldn't find file 'bootstrap'

ここに私の設定からのいくつかの関連する行があります:

production.rb

アプリケーション.rb

私はこれらの宝石とレール3.2.13を使用しています:

私//= require bootstrapは私のapplication.jsファイルにあります。

これを処理する方法についてのヒントはありますか？

最後に、sass を使用したフロントエンド開発の学習に取り掛かり、AngularJS プロジェクトで bootstrap-sass-official (bower 経由でインストール) を使用しています。このプロジェクトでも AngularStrap を試してみたいのですが、ブートストラップの CSS に依存しているため、ブートストラップの標準 CSS バージョンと SASS バージョンの両方をロードしています。標準の CSS を必要とせずに、bootstrap-sass で AngularStrap を使用できますか?

どこ$navbar-default-bgでも使われていますか？値を変更しましたが、ナビゲーション バーの背景色に変化は見られません。

また、私はやった

では、この変数はどこで使用されるのでしょうか。または、ナビゲーションバーの bg の色を変更するにはどうすればよいですか?

私のファイル構造は次のとおりです。