問題タブ [bootstrap-sass]

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 投票する
1 に答える
4530 参照

ruby-on-rails - Twitter Bootstrapの先行入力のスタイルを設定する方法(背景色の設定など)

Bootstrapの「先行入力」オートコンプリートを使用するときに、ドロップダウンのアクティブなアイテムなどのカスタム背景色を設定するにはどうすればよいですか?

小さな問題ですが、数時間私を苛立たせている問題です!

Rails3.2アプリでbootstrap-sassgemを介してTwitterBootstrapを使用しています。

これはドロップダウンメニューのスタイルによって制御されていると思いましたが、

動作しません。

より具体的なアプローチも試しました

しかし、これも機能していないようです。

私は何を見落としていますか?または、修正が機能している必要があり、問題は他の場所にありますか?

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

html - レスポンシブTwitterブートストラップ:幅が767 / 768px未満の場合、ナビゲーションバーの右パディング/マージンが表示されます

ウィンドウのサイズを767/768ピクセル幅未満に変更すると、本体とナビゲーションバーに奇妙な右マージン/パディングが表示されます(それぞれ20ピクセル、ナビゲーションバーの右側に合計40ピクセルの白いピクセルが表示されます)。BSの正常な動作なのか、何か間違ったことをしたのかわかりません。

cssサイズ/パディング/マージンブートストラップ上書きの唯一のフラグメントは次のとおりです。

ここでHTML:

レール付きのブートストラップサスジェムを使用しています。.container役割がよくわかりません。

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

ruby - Twitter の javascript で bootstrap-sass gem を使用する

ここに示すように、ツールチップ機能を実装しようとしています: http://twitter.github.com/bootstrap/javascript.html#tooltips Ruby on Rails 3 の Bootstrap-sass gem を使用します。動作しません (テキストの上にカーソルを置いてもテキストが表示されません):

gem ファイル内:

application.js で:

show.js.erb では:

そして、show.html.erb で:

なぜこれが機能しないのですか?

アプリケーション.js:

ビュー/レイアウト/application.html.erb:

宝石ファイル:

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

ruby-on-rails - ブートストラップ-sassと純粋なTwitterブートストラップ

Twitter Bootstrap は、Bootstrap の Web サイトからダウンロードする際にカスタマイズされる可能性があることを知っています。bootstrap-sass gem はどうですか? 常にすべての機能が含まれていますか?

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

ruby-on-rails - rails bootstrap-sass ブートストラップファイルを更新する必要がありますか?

私はbootstrap-sass gemでRORを使用しています。かなり奇妙ですが、ここにリストされているスタイルの一部は使用できません: http://twitter.github.com/bootstrap/components.html#labels-badges

私はそれが私の実際のbootstrap-sass gemではないためだと思いました-それは2.0でした. そこで、この gem を 2.2.2.0 に更新しました。うまくインストールされましたが、役に立ちませんでした。

ページのソースでスタイルシート ファイルを確認したところ、localhost/assets/custom.css?body=1 の上にヘッダーがあります。

/* * ブートストラップ 2.0.0 * (...)

では、ブートストラップ ファイルを個別に更新する必要がありますか? そして、もし、どこでそれらを見つけることができますか?

編集

私はいくつかのアクションを行いました: -手動でブートストラップをダウンロードし、それを vendor/assets/stylesheets/bootstrap に配置しました (ブートストラップ フォルダーを作成しました)

それはうまくいきましたが、それが良い習慣である場合は異議があったので、次のようにしました: -gem clean -gem update -bundle install -ベンダー/アセット/スタイルシート/ブートストラップを削除 -私が入れたものすべて -「ブートストラップ」をインポートするように変更そして...うまくいくようです。

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

jquery - Bootstrap、jQuery、Rails アセット パイプライン

これは私の application.js マニフェストです。

このセットアップでは、ソート可能 (JQuery)、ドロップダウン (ブートストラップ)、およびモーダル (ブートストラップ) が heroku の PRODUCTION で動作します。

開発中、ドロップダウンは機能しません。

ブートストラップを jquery の上に配置すると、すべてのブートストラップと jquery が機能しなくなります。

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

ruby-on-rails-3.2 - @import'bootstrap'はアクションコントローラーを発生させます:例外

パーティション化されたディスクを使用して、Windows 8(Rails3.2.11およびRuby1.9.3p125)でRailsアプリを開発しています。

Railsのインストールはドライブ「S」にあり、アプリはドライブ「J」にあります。

私のgemファイルには「gem'bootstrap-sass'」があります。推奨されているように、bootstrap-and-overrides.css.scssファイルで「@import'bootstrap」を使用します。

これによりエラーが発生します:

css.scssファイルから「@import'bootstrap'」を削除すると、エラーが消えます...ブートストラップを使用できるように修正するにはどうすればよいですか?

前もって感謝します

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

ruby-on-rails-3 - Bootstrap navbar が折りたたまれたときに変更する最も簡単な方法 (bootstrap gem を使用)

bootstrap-sass gem を使用した Rails アプリがあります。ナビゲーション バーが折りたたまれる幅をタブレット (979px) から電話 (769px) に変更したいと思います。メディア クエリをオーバーライドすることは、きちんとした解決策ではありません。

私は@navbarCollapseWidthvariables.less で編集してブートストラップを構築し、中身の bootstrap-responsive.css を gems...vendor/assets/stylesheets/bootstrap の Respond.scss にコピーしました。ただし、変更を失うことなく宝石を更新する機能が失われました。

ここで最善の方法は何ですか?簡単な変更だと思うものを作成したいのですが、gem を更新できるようにしておいてください。おそらく@import "bootstrap-responsive-mine";application.css.scss で使用し、必要に応じてそのファイルを手動で更新しますか?

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

ruby-on-rails - Rails動的メニューでgrouped_collection_selectをシンプルフォームに変換しますか?

次の(そして機能する)動的メニュー/ドロップダウンがあり、プロパティタイプを選択してから、通常のRailsフォームでプロパティサブタイプを選択できます。

properties.js.コーヒー

_form.html.erb

これはうまくいきます。ただし、これを単純なフォームgemで既にセットアップされているより大きなアプリに統合したいと考えています。また、 bootstrap-sass経由で Twitter ブートストラップを使用しています。

私のフォームで取得できる最も近いものは次のとおりです。

:アプリがエラーをスローしないように、 :prop_type_id を :prop_type に変更する必要がありました。

しかし、これは機能しません。2 番目のドロップダウンは最初のドロップダウンにマップされません。java/coffeescript で何か間違ったことをしていますか? 2 番目のドロップダウンに「grouped_association」などのようなものはありますか?

これは実行可能ですか、それともフォーム全体を標準のレール形式に戻す必要がありますか?

アップデート

私はそれを機能させることができましたが、次のようにerbをdivに貼り付けました:

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

css - @include makeColumn() ブートストラップ Mixin が機能しない

質問

bootstrap-sass makeColumn(X) mixin が Bootstrap .spanX クラスと同じように動作しないのはなぜですか? たとえば、makeColumn(9) を使用するクラスは、.span9 クラスを使用する同じ div と同じには見えません。

環境

Ruby on Rails を使用してアプリケーションを構築していますが、bootstrap-sass gem でミックスインを使用しようとすると大きな問題が発生します。

定義したクラスを使用すると、Bootstrap で .span クラスを使用した場合と同じスタイルになりません。私はインターネット全体を見てきましたが、何が問題なのかわかりません。あまりにも長い間画面を見つめていたために見えていないのは、かなり明白なことだと思います.

HTML

scss ファイル

助けてくれてありがとう。