問題タブ [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 投票する
3 に答える
3309 参照

ruby-on-rails - このレイアウトを Twitter Bootstrap でコーディングする際のヒント

Twitter Bootstrap (ボックスのみ) でこのレイアウトを作成しようとしています:

ここに画像の説明を入力

基本的に、これは youtube に埋め込まれたビデオと、その右側にある 2 つの同じサイズのボックスです。

私は今これを持っています(haml):

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

ruby-on-rails - Rails g ブートストラップ:Rails 3.2.6 でのインストール エラー

同様の質問が何度も回答されているにもかかわらず、探している答えが見つかりません。

Rails コマンド「rails g bootstrap:install」を実行すると、「Could not find generator bootstrap:install」というエラーが表示されます。

Rails バージョン 3.2.6 を使用しており、他のすべての gem は最新の状態に更新されています。

ジェネレーターのリストを確認しましたが、「ブートストラップ」ジェネレーターが表示されません。ここからどこへ行けばいいのかわからない。

どんな助けでも大歓迎です。

前もって感謝します。

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

ruby-on-rails - Rails + Twitter Bootstrap -- btn-mini btn-small サイズが変わらない

以下に示すように、テーブルの削除ボタンにアイコンを使用することを検討しています。

このコードを Rails アプリケーション内のプレーンな html ページに貼り付けると、btn-mini と btn-small は効果がないように見えます。

http://www.plugolabs.com/twitter-bootstrap-button-generator/でこのボタンをプレビューすると、期待どおりに表示されます。これが機能しない理由を知っている人はいますか? ブートストラップだけで、カスタム css ファイルをロードしていません。

また、走っています

ありがとう!

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

ruby-on-rails-3 - bootstrap-sass gemにjs関数を含める方法

私はレールに比較的慣れbootstrap-sassていませんが、レイアウトがとても良いと思われるこの宝石を見つけました。Carouselしかし、 jsプラグインを機能させたいです。ウェブサイトに文書化されていることがわかりましたが、どこに置く必要があるのか​​ よくわかりません

// すべての Bootstrap JavaScript をロードします

ありがとう、

0 投票する
7 に答える
283340 参照

twitter-bootstrap - フォント-素晴らしい、入力タイプ'送信'

font-awesomeには入力タイプ「submit」のクラスがないようです。font-awesomeのクラスをボタン入力に使用することは可能ですか?アプリケーションのすべてのボタン(実際にはtwitter-bootstrapのクラス「btn」にリンクしている)にアイコンを追加しましたが、「入力タイプの送信」にアイコンを追加できません。

または、このコードの使用方法:

html:

HTMLから取得したもの:テキストと画像を含む送信ボタンを作成する方法は?)font-awesome?

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

ruby-on-rails - Windowsでtwitter-bootstrap-railsジェネレーターを使用した場合の警告

私は、実行中のWindows 7マシンで、最初のRailsプロジェクトでtwitter-bootstrap-railsgemを使用しようとしています。

実行するrails g bootstrap:installと、次のようになります。

これが私のGemfileです:

Gemfileに含めようとしましたが、Windowsでは使用できないgem therubyracerlibv8gemに関するコンパイルエラーが発生します。私も試しましたが、Bundlerはまだtherubyracerをにインストールしようとします。node.jsをインストールしてインクルードしようとしましたが、役に立ちませんでした。gem therubyracer, :platform => :rubybundle installgem execjs

私が出くわしたすべての解決策は、まったく役に立たないようです。このプロジェクトでは静的CSSではなくLESSを使用したいので、WindowsマシンでレールでLESSを使用できるようにするソリューションが最も役立ちます。

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

jquery - Rails 3.2 Bootstrap ツールチップが「.tooltip() は関数ではありません」と報告する

Rails 3.2.5 と bootstrap-sass gem を組み合わせて使用​​しています。すべての js プラグインが読み込まれるように、application.js で次のように宣言しました。

包含が成功したことを再確認するために、ツールチップを表示しようとしているページの html ソースを確認します。

ページ上の要素のいずれかでツールチップまたはポップオーバーを機能させようとしています。しかし、常にエラー メッセージが表示されます (プロジェクト内の .js コードから、および Firebug から手動でこれを試行したときの両方から):

Firebug の [スクリプト] タブで関数を見つけることはできますが、呼び出している場所から関数を使用できるようには見えません。

私は何を間違っていますか?私がうんざりしているのは明らかなものでなければならないような気がします。

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

capistrano - twitter-bootstrap-railsapplication.css-無効なCSS

application.cssの行

*=bootstrap_and_overridesが必要

これはローカルで問題なく機能します。しかし、キャップのデプロイは次の場合に失敗します。

「*」の後の無効なCSS:「{」が必要です。「=ブーツが必要です...」

宝石を:developmentグループの外に移動しましたが、役に立たないようです。何か案は?ありがとう。

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

ruby - twitterbootstrap: 初心者向けレイアウトヘルプ

twitter-bootstrapで次のページのレイアウトを考え出すにはどうすればよいですか

ここに画像の説明を入力

私はブートストラップが初めてで、ライブアプリを設計して学習するのに苦労しています。www.dropbox.com にサインインした後に表示されるページです。

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

ruby-on-rails-3 - font-awesomeアイコンをsubmit_tagに埋め込む方法

ボタンに素晴らしいアイコンを使用しようとしていますが、submit_tagに表示できません

出力:

ヘルパー:

ヘルパーのhtml.html_safe行を削除すると、同じことがわかります。そのようなhtml_safeは機能していません。html = raw(html)も試しましたが、効果はありません。