問題タブ [twitter-bootstrap-rails]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
4976 参照

ruby-on-rails - twitter-bootstrap-rails gem: 素晴らしいフォントのサポート

changelog twitter-bootstrap-rails gemによると、 v.2.0.9 以降のfont awesomeがサポートされています。では、プロジェクトでこのサポートを有効にする方法は? デフォルトでは、Font Awesome アイコンは使用できません。

0 投票する
2 に答える
32650 参照

twitter-bootstrap - mixinを使わずにsassでクラスを再利用するには?

アプリケーション内のすべてのアンカーを .btn (Twitter Bootstrap クラス) のようにしたいのですが、これを行う方法はありますか?

やった

btn は mixin である必要があり、Twitter Bootstrap クラスであるため、機能しません。

0 投票する
0 に答える
2870 参照

twitter-bootstrap - モバイル/タブレットでの Twitter ブートストラップ ナビゲーション バーの自動展開

Twitter Bootstrap を使用しています。それは非常にうまく機能し、ナビゲーションバーはうまく機能します。レスポンシブでそれに応じて調整されますが、デスクトップで画面を縮小したり、携帯電話でサイトをプルアップしたりすると、すでに画面の束を占有している展開から始まります. 展開するオプションを使用して、折りたたまれた状態から始めたいと思います。

コードは以下のとおりです。

0 投票する
1 に答える
570 参照

ruby-on-rails-3 - backbone.js をレールと統合する

Rails でのバックボーンの使用に関するチュートリアルをいくつか読みましたが、Rails で開発しているアプリにバックボーンを統合する方法についてはまだわかりません。

問題は、カテゴリごとに1つのタブを持つタブバーを持つイベントページ(イベントはレールモデルと関連するコントローラ)を持っていることです(イベントにはネストされたカテゴリがあります)。各タブ内に多くの JavaScript コードがあるため、アプリのこの特定のページでバックボーンを使用したいと考えています。各タブは、イベントのカテゴリを表します。

これにバックボーンを使用する方法について何か考えはありますか?

また、ビューに Twitter ブートストラップを使用したいのですが、バックボーンを使用すれば可能ですか?

私が自分自身を明確にしたことを願っています。ありがとう、

マーティン

0 投票する
1 に答える
2106 参照

twitter-bootstrap - Twitterブートストラップポップオーバー:すべてを同時に表示

ページ上のすべてのポップオーバーを同時に表示するにはどうすればよいですか?

0 投票する
1 に答える
122 参照

ruby-on-rails - gem を使用せずに、Rails アセット パイプラインで Twitter ブートストラップを使用して運が良かった人はいますか?

いくつかのスタイルシートを組み込むために gem を使用しなければならないというのは、私にはばかげているように思えます。どの Twitter ブートストラップ モジュールを使用するかをもう少し制御する必要があります。どの宝石でも、必要なものをインポートするビュッフェ スタイルのオプションが許可されていないようです。

スタイルシート/アセットの twitter フォルダーに以下をすべてスローするだけの問題は、スプロケットがそれらを常にインポートし、twitter ミックスインが各ファイルにインポートされないため、プロダクション用のアセットをプリコンパイルするときに失敗することです。これは腹立たしいことであり、私が試したすべてのグーグル検索は、最終的にブーストラップレールの宝石の1つにつながります。

私の現在のアプローチは、ほとんどの Twitter ブートストラップ用に 1 つ少ないファイルをコンパイルしてインポートすることですが、まだいくつかのエラーが発生します。ヘルプ?

0 投票する
1 に答える
836 参照

jquery - twitter-bootstrapJQueryエラー

jQuery 1.7でtwitterブートストラップレールを使用しています。プロジェクトをロードすると、jQueryファイルのエラーを除いて正常に動作します。これが私のハイチャートに影響を及ぼしていると思いますが、グラフは表示されません。

しかし、誰かがこの問題を解決するのを手伝ってくれるかもしれません:これはjquery.extend()関数内の633行目からです:632。var name、i = 0、633. length = object.length、634. isObj = length === undefined || jQuery.isFunction(オブジェクト);

エラーは次のとおりです。TypeError:'undefined'はオブジェクトではありません('undefined.length'を評価しています)

誰か助けてもらえますか?

一番、

0 投票する
1 に答える
4319 参照

html - twitter-bootstrap-rails 最大列幅

私は、twitter-bootstrap-rails を使用してスタイル設定された非常に単純なアプリに取り組んでいます。モデルのインデックス ページの 1 つに、データを表示するテーブルがあり、とても見栄えがします。問題は、誰かがフィールドの 1 つに非常に長い文字列の途切れのないテキスト (たとえば URL など) を入力すると、その列の幅が伸びて他のすべての列がつぶれてしまうことです。列の幅を強制し、ブラウザーに非常に長い単語を分割するように指示する方法が必要です。

これまでにやろうとしたことは、それぞれ<th>にクラスを追加し、CSS を使用して幅を制御しようとしたことです。ここに例があります

そして、スタイルシートでこれを使用していました

これまでのところ、それはうまくいきません。自分のコードをそんなに複製する必要があるのだろうかと思います。

0 投票する
1 に答える
5439 参照

ruby-on-rails - twitter-bootstrap-rails でカスタムテーマをインストール

Rails アセット パイプラインを使用して twitter-bootstrap のカスタム テーマをインストールするにはどうすればよいですか?

assets の下に新しいフォルダーを作成し、テーマのすべての css、js、image、および font ファイルをダンプする必要がありますか?

更新: ダウンロードしたテーマのすべてのファイル (html サンプル ファイルを除く) を app/assets のフォルダーに配置し、このフォルダーを application.rb のアセット パスに追加しました。

テーマの css クラスを使用してマークアップを追加しましたが、テーマを使用していません。

更新:ブーストラップ テーマには、コンパイル済みのコア ブートストラップ ファイルが含まれていることがわかります。これは、Less で使用することを意図していないという意味でしょうか? また、すべてのアセット ファイルをプロダクション用に (application.rb で) 個別にプリコンパイルし、各ビューに必要な特定のものを含める必要があります (コア ブートストラップ ファイルの後に含める必要があります)。次に、テーマファイルで直接行う必要があるテーマをオーバーライドすると思いますか?

更新:問題は、テーマのアイデアがブートストラップのデフォルトを変更することであると仮定して、bootstrap_and_overrides の後にマニフェストでテーマ css ファイルを要求していたことだと思います。ただし、標準の bootstrap_and_defaults の前にいくつかのテーマ css が必要な方がうまく機能します。これは、ブートストラップの前後にロードする css を手動で選択する必要があることを意味します。

0 投票する
3 に答える
1689 参照

ruby-on-rails - Twitter-Bootstrap-Rails を使用して Rails 3.2.6 で本番環境にデプロイする

Rails 3.2.6アプリを本番環境にデプロイしようとして少し問題が発生しています。デプロイは、アセットをプリコンパイルするまではうまくいくようです。ここに表示されるエラーは次のとおりです。

これが役立つかどうかを確認するために「config.assets.compile = false」を設定しようとしましたが、それでも同じエラーが発生します。

ここに私のデプロイスクリプトがあります:

私が読んださまざまなチュートリアルから一緒に石畳になっているのが少し混乱している場合はお詫びします。そして、ここに私のGemfileがあります:

私はそれが少し長いショットであることを知っていますが、誰かが私が間違っている場所を見つけることができる場合、または誰かがこの問題に遭遇してそれを解決することができた場合は、私に知らせてください。もう数時間。


失敗すると、「ロードするファイルがありません -- addressable/uri」と表示されますが、これがどこで使用されているのか、アセットのコンパイルに使用されている理由がわかりません

助言がありますか?