問題タブ [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.
ruby-on-rails - カルーセルを含める方法
Rails アプリケーションに既に Twitter ブートストラップをインストールしている場合に、カルーセル (Twitter ブートストラップのコンポーネント) を含めるにはどうすればよいですか? スタイルシートのファイルが少なくなり、アセット パイプラインの bootstrap.js.coffee が減りました。アプリケーションでカルーセルを使用したかった。どうやってするか?
ruby-on-rails - Twitter Bootstrap は、ローカル マシンでは奇妙に表示されますが、本番環境では問題ありません
奇妙な問題があります。私のレールアプリは本番環境では問題ないように見えますが、最近別のコンピューターで作業を開始したため、フロントページが余白を忘れているようです。すべてをコミットして本番環境にプッシュすると、問題はありません。
私は twitter-bootstrap-rails を使用していますが、スタイルシートをまったくカスタマイズしていません。
この写真には、ローカル マシンのブラウザの左側にすべてが詰め込まれています
この図は、すべてが適切に配置されている生産を示しています
ruby-on-rails-3 - rspecのstub_modelにcreated_at列をTime:nowに設定するように強制できますか?
twitter bootstrap gemを使用して、インデックスページにcreated_at列を表示するビューを生成しています。足場とともに生成されるrspecテストは、stub_modelを使用してインデックスビューをテストします。nilのcreated_at列のため、これらのテストは失敗します。
steb_modelがダミーIDとして生成するのと同じように、created_at列をTime.nowとして設定することもできます。それはconfigを介して行うことができます。または、スタブを作成するたびに指定する必要がありますか。
css - ActionView::Template::Error (変数 @fontAwesomeEotPath_iefix が定義されていません)
ページを読み込もうとすると、次のエラーが表示されます。
私は前に何をしましたか?とにかく走れbundle update
css - ブートストラップの「ヒーローユニット」をトップセクション全体に収めるにはどうすればよいですか?
私は現在、Rails と CSS を学習しており、学習演習としてBootstrap のgithub ページの外観を再現しようとしています。Bootstrap の中央ユニット (紫がかった色で、大きなヘッダー "Bootstrap" が含まれています) は、ページの上部全体に収まり、側面に余白はありません。ただし、私の現在の試みは、「hello world」を含む中央の灰色のユニット自体がボックスであり、それを空白で囲んでいるこの例のページのように見えます。基本的に、私の質問は、どうすればその空白を消すことができるでしょうか? ページのソースに表示されている内容をエミュレートしようとしましたが、まだこの結果が得られています。
ありがとう!
heroku - Rails 3.2 の「wrap bootstrap」テーマを Heroku にアップロードする方法
http://wrapbootstrap.comからテーマを購入しました。
Bootstrap 2.2.1、HTML5/CSS3で作成
テーマを動作させたり、Heroku にアップロードしたりできません。私が間違っていることを誰かが知っていますか?テーマは localhost で正常に動作します。Heroku にアップロードする前にアセットをプリコンパイルしようとすると、次のようになります。
これが私のGemfileです:
ソース「https://rubygems.org」
次のように、Assets セクションにすべてのファイルを追加しました。
twitter-bootstrap - Twitter Bootstrap 2.0 と 2.1 を使用し、Isotop で画像サイズを指定する
2.0 と 2.1 の間の Twitter Bootstrap の何かが変更され、すばらしい Isotope 画像ライブラリを使用するときに画像サイズの単純な指定ができなくなり、正しく描画するには $(window).load または $container.imagesLoaded の代替技術を使用する必要があります (http: //isotope.metafizzy.co/docs/help.html)。見られるバグは、指定された画像の垂直方向の高さが無視されているように見え、画像が重なっているということです。画像が読み込まれるのを待つ別の形式に変更すると、ちらつきやペイントの問題という点で、エクスペリエンスが大幅に低下します。結局、Bootstrap 2.0 に戻りました。
ブートストラップの 2.1 で問題が発生することを確認しました。ここでブートストラップの変更履歴を見つけることができます: https://github.com/twitter/bootstrap/wiki/Changelog
おそらくこの破損の原因となった 2.1 の変更点と、適切な回避策があるかどうかを知っている人はいますか? 前述のように、画像が読み込まれるのを待つことは、画像の高さと幅を入力するよりもはるかに悪いため、実際には回避策ではありません.
ruby-on-rails - Rails Bootstrap のポップオーバーがトグルしない
Bootstrap ポップオーバーを切り替えようとしています。
JS コード:
フォームコード:
フィールドの上にマウスを置くとポップオーバーが表示されますが、カーソルをフィールドの外に移動すると消えます。クリックしたときにポップオーバーを表示して、2 回目のクリックで閉じるべきではありませんか?
ありがとう!
jquery - Twitter Bootstrap ドロップダウンの誤動作
私は2つのドロップダウンを持っています.1つはIDを持っていて、もう1つは持っていません.Ajaxリクエストとドロップダウンリストを表示するアクションをトリガーしたいと思います. そして、これは私がそれをやろうとしている方法ですが、いくつかの誤動作があります。この場合、トリガーされたajaxリクエストですが、ドロップダウンリストを表示すると、両方のドロップダウンリストが表示されます。
それ以外の場合、 Bootstrap Docsの describe のように href の代わりに data-target 属性を使用しようとしましたが、ブラウザーでエラーが発生しました。
ruby-on-rails - Twitter Bootstrapの先行入力のスタイルを設定する方法(背景色の設定など)
Bootstrapの「先行入力」オートコンプリートを使用するときに、ドロップダウンのアクティブなアイテムなどのカスタム背景色を設定するにはどうすればよいですか?
小さな問題ですが、数時間私を苛立たせている問題です!
Rails3.2アプリでbootstrap-sassgemを介してTwitterBootstrapを使用しています。
これはドロップダウンメニューのスタイルによって制御されていると思いましたが、
動作しません。
より具体的なアプローチも試しました
しかし、これも機能していないようです。
私は何を見落としていますか?または、修正が機能している必要があり、問題は他の場所にありますか?