問題タブ [bootstrap-sass]

bootstrap-sassRails 3.2 アプリにインストールしました。javascript や (とらえどころのない) ツールチップなど、ブートストラップを適切に機能させることができます。しかし、ツールチップのスタイリングを機能させることができません。

これは私が持っているセットアップです:

アプリケーション.js

アプリケーション.css.scss

bootstra_and_overrides

興味深く不可解な点は、ブートストラップ ポップオーバーが正しいスタイリング (私が理解しているツールチップに多少基づいている) で正常に機能することですが、ツールチップは機能しません。それらはページの左下に表示されますが、何をしてもスタイルは影響を受けず、配置 (data-placement='top') も考慮されていません。

ブートストラップを除くアプリ内のすべての CSS へのすべての呼び出しを削除しても、スタイリングは機能しません。

ファイルの最後にすべてのツールチップ スタイルを含めても、bootstrap_and_overrides.css.scss機能しません。ツールチップ クラスが適用されていないように見えます。

リンクからマウスを離すとすぐにツールチップが消えるので、どの CSS が適用されているかを調べることができません。

Heroku にアプリをデプロイしましたが、理解できない問題が 1 つあります。アプリのCSSがBootstrap-sass読み込まれないため、スタイルのないアプリがあります。現時点では、これは単なる静的ページのコレクションです。

私は README https://github.com/thomas-mcdonald/bootstrap-sassの 1 つのステップを除いてすべて実行しました。イメージがベンダーおよび lib でコンパイルされないようにする Rails の変更により、次の行を application.rb に追加する必要があります。

私はまだプログラミングに非常に慣れていないので、最初の問題は、これを application.rb ファイル内のどこにどのように追加するのか見当がつかないことです。上記のコード行を適切に追加する方法と場所を誰かが教えてくれると助かります。

2 番目の問題は、使用している gem に関連している可能性がありますが、アプリを作成したときに、sass-rails gem が ~> 4.0.0.beta1 でインストールされました。README によると、使用するバージョンは 3.2 です。これも問題になる可能性があるため、誰かが私の問題の根本的な理由であると判断した場合に備えて、gem ファイルを含めました。

あなたが提供できる助けを前もって感謝します。

編集：コードがherokuにデプロイされた後ではなく、ローカルホストでスタイルが適切に機能する結果となった最初の試行で行った手順を追加します。

1. 新しい Rails 4 アプリを作成しました (以下の gem ファイル)
2. 以下の gem ファイルにリストされている bootstrap-sass gem を追加しました
3. 製品グループの私の gem ファイルに PG gem を追加し、SQLite3 を開発とテストに移動しました (ステップ 2 と 3 に従って、バンドル インストールを実行し、製品を実行しませんでした)。
4. 静的ホームページのページ コントローラーを作成しました
5. スタイルが機能しているかどうかを確認するためだけに、ホームページのヒーローユニット内に h1 を追加しました
6. styles.css.scss ファイルを追加し、@import 'bootstrap' を含めました。スタイルシートに
7. git リポジトリを作成し、最初のコミットを実行して、コードを git にプッシュしました
8. heroku アプリを作成し、マスターを heroku にプッシュしました

2 回目の試行では、ホームページにナビゲーション バーを追加し (それが誰かに違いをもたらす場合)、手順 7 と 8 を再度実行しましたが、これらの手順を実行する直前に、次のコード行を実行しました。

最終的に、ローカル ホストでは適切なスタイルのサイトになりましたが、Heroku では動作するスタイルはありませんでした。上記の最初の投稿で指摘したように、application.rb ファイルに追加する必要があるコード行がありますが、ファイルにコード行を適切に追加する方法を理解していなかったため、従わなかったのです。

Gemfile:

Rails アプリケーション内でThomas McDonals のbootstrap-sass gem を使用していますが、bootstrap-transition.js を含めるたびに、モーダル ポップアップが表示されなくなります。背景はフェード インしますが、実際のモーダル ウィンドウは表示されません。ソースコードにも表示されていないため、単に隠されているわけではありません。bootstrap-transition.js ファイルを削除すると、モーダルは正常に機能します。

今のところ、すべての bootstrap.js ファイルを含めているので、私がしていることに異常はありません。

そのモーダルを取り戻す方法について何か提案はありますか? 使用しているカルーセルのトランジションが必要です。

編集: わかりやすくするために、bootstrap js ファイルを手動で追加するのではなく、bootstrap-sass gem の指示に従って、アプリケーションの application.js ファイルにそれらを含めるだけです。しかし、そのままでは、モーダル ウィンドウは機能しません。

から選択する必要がbootstrap-sassありtwitter-bootstrap-rails、ウェブ上の提案に従って最初のものを選択しました。

ただし、twitter-bootstrap-railsgem にはアプリケーション レイアウト用のジェネレーターがいくつかあることがわかります。お気に入り、

これは、プロジェクトを開始するのに非常に適しています。bootstrap-sassしかし、 gemで利用できる同様のジェネレーターは見つかりません。コマンドの実行:

前のようなジェネレーターは表示されません。

これらのレイアウトを使用するbootstrap-sass代わりに使用する方法はありますtwitter-bootstrap-railsか?

前もって感謝します。

「bootstrap-sass」をインストールしようとしているときに「bootstrap-sass」を追加した後、つまり rails g bootstrap:install によって、次のメッセージが表示されます。「ジェネレーターのブートストラップが見つかりませんでした:インストール」

何か不足していますか？ありがとう

以下の私のGemfile：

RoR が初めてで、One Month Rails クラスを受講している (onemonthrails.com)

ブートストラップをインポートしようとしています。

ルビー 2.0.0p247

レール 4.0.0

これが私のGemfileです（「bootstrap-sass」行のみを表示）：

ブートストラップジェム

そして、これは「bundle install」を実行したときの出力です

私の GitHub リンク: github.com/dschmunis/omrails

助けてくれてありがとう！ディエゴ

以下のスクリーンショットでわかるように、リンクはdivの下部に配置されていません。edit、delete、add cartのボタンをdiv の下部に配置するにはどうすればよいですか。テーブルを使用していないことに注意してください。

以下に示すスクリーンショットのページをレンダリングするテンプレートからの関連ビットをここに貼り付けます。css class="bottomaligned"を使用してもリンクは整列されないことに注意してください。width: 300px;を追加した場合でも 。css クラス.fixedheight に対して、それらはまだ整列していませんでした。

スクリーンショット:

この投稿を検索してフォローしましたが、ApacheではなくHerokuでのみ同様の問題が発生しました。

私の宝石ファイルは非常に似ています。アプリケーションは開発環境で正常に動作していましたが、本番環境に切り替えると、Apache サーバーはすべてのブートストラップ サス グッズのレンダリングを停止します。

それを修正するために私がしなければならなかった唯一のことは、user2481435 によって提案された次の運用環境を設定することでした:

誰かが私がそこで何をしたかをよりよく理解するのを手伝ってくれたら幸いです(つまり、これらの4つの設定が何を担当しているのか)。

PS この投稿に加えて、環境設定に関する洞察を得ることができる良い情報源を探しています。良い本や記事、ドキュメンテーションへのリンクを残してくれる人がいるなら、ぜひそうしてください。

乾杯

コンパスがstyles.cssファイルの横にベンダー/bootstrap.cssフォルダーを生成することを除いて、すべてがほぼ正常に動作します。ブートストラップはすでに style.css に含まれているため、これは奇妙です。ブートストラップ変数に構成オプションが見つかりませんでした。

現在、私のブートストラップCSSバージョンはv2.3.2で、次のgemがあります

次の構成を使用してアップグレードしようとしました

しかし、サーバーとすべてを再起動した後、バージョンは同じままでした

だから私は試しbundle exec rake convertました、多分それは問題を解決することができました

しかし、それは投げ続けました

それで、私のレールプロジェクトにブートストラップv3を実装する方法を知っている人はいますか??