問題タブ [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 に答える
708 参照

jquery - jQuery ボタンをブートストラップし、クリックしてテキスト/入力フィールドを切り替えます

ここのペーストビンのリンク: http://pb.gizmokid2005.com/o8s (各参照の番号は、ペースト内の行を指します)。

stackoverflow[1]でやろうとしていることと非常によく似た答えを見つけました。

要するに、クリックするとテキスト/フィールドの表示/非表示を切り替える、使用できるボタンが必要です。テキストもトグルします。

私のアプリ全体はこちら[2]、ページ インデックスのボタン用に追加した特定のコードはこちら[3]です。私が使用している CSS は、custom.css.scss[4] にあります。

heroku を使用した私の開発サイトはhttp://s.g2k5.usです。サイトを読み込むと、ボタンが「詳細を表示」テキストとともに正しく表示されますが、クリックすると、トグルが正しく機能していても、テキストが消えます。

ボタンコードをトグルしようとしているフィールドの前に移動すると、つまり、/pages/index.html.erb の 41 行目を 29 行目の前に移動すると、ボタンのテキストが表示されなくなります。まったく機能しません。

関連するコード スニペット:

ページ/index.html.erb[3]

カスタム.css.scss[4]

何かがずれている場合は、この投稿について申し訳ありません(最初の投稿と<10担当者も)。例のように既存の apis/jQuery を使用してこれを処理したいと考えていますが、この問題は私を困惑させ、検索してもその理由が返されませんでした。

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

twitter-bootstrap - Bootstrap 3.1.0 モーダル サイジングが適用されない

モーダル (および)の新しいサイズ変更オプションを利用するようにbootstrap-sassgem を更新した後、スタイリングを適用できませんでした。私のコードは次のとおりです。3.1.0.modal-lg.modal-sm

私が知る限り、これは重要なすべての属性の例とほぼ同じです:

ただし、検査するとmodal-sm、例のようにクラスがコードで評価されていないため、何らかの形で宝石に含まれていないか、何か不足していると思いますか? モーダルは、サイジング以外のあらゆる方法で機能します。

0 投票する
8 に答える
16580 参照

ruby-on-rails - Rails 4 + ブートストラップ セットアップ アセット

を使用してRails4でブートストラップをセットアップしようとしていますが、この有名なエラーが発生しています:bootstrap-sass

私は次のことを試しました:

  1. twitter/bootstrapapplication.js
  2. gem 'bootstrap-sass', '~> 3.1.0'グループ資産外です
  3. また、インターネットで他のことをたくさん試しました

私は他の投稿とは異なる提案をするのに多くの時間を費やしてきました. これを体系的にデバッグするにはどうすればよいですか、bootstrap-sass をセットアップするにはどうすればよいですか?

ps:twitter-bootstrap-railsまた、運が悪くても仕事を しようとしてきました。

ここにいくつかのファイルがあります

アプリケーション.js

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

Gemfile

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

ruby-on-rails - Rails プロジェクトに sass でスタイルシートを追加できない

私はbootstrap-sass gemを使用しています。これらの手順でhttps://github.com/twbs/bootstrap-sass#usage新しいスタイルシートを追加したい場合を除いて、問題なく動作します。

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

ディレクトリ構造

しかし、foo.css.scssを/stylesheets/追加@import 'foo'してapplication.css.scssに追加すると

wrong number of arguments (2 for 1) (in app/assets/stylesheets/application.css.scss)エラーが発生する

私は何が間違っているのでしょうか?

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

css - Rails 4 での Bootstrap Sass

Rails (4.0.0) プロジェクトで bootstrap-sass (3.1.0.2) と sass-rails (4.0.1) を使用しようとしています。

私の application.css.scss ファイルは次のようになります。

私の bootstrap_and_overrides.css.scss ファイルは stylesheets フォルダーにあり、次のようになります。

これを試すためにテストページをセットアップしました:

サーバーを起動してページにアクセスすると、ブートストラップ スタイルなしでプレーン テキストでレンダリングされます。

何をすべきかについてのアイデアをいただければ幸いです。ここには宝石を使わない人がいるようです。このアプローチには理由がありますか?どうもありがとう!

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

joomla - JoomlaでJHtmlにブートストラップクラスを追加する方法

次のコードを使用して、gravatar.com から取得した画像を表示しているので、ブートストラップ CSS クラスを使用してより魅力的にしたいと考えています。画像を表示するのではなくスタイルを追加するとすぐに、画像へのリンクが表示され、リンクにリダイレクトすると画像が表示されます。なぜ私はこれを得ているのですか?

これ$grav_urlは、画像用に取得している URLでありimg-circle、使用したいブートストラップ クラスです。

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

ruby-on-rails - rails bootstrap-sass アセットのコンパイル エラー - 未定義の変数 alert-padding

すべての道路はbootstrap-sassを指しています

紹介チェーン:

これは、bootstrap-rails gem の問題として報告されています: https://github.com/anjlab/bootstrap-rails/issues/91

正しくインストールしたと思います

宝石

インストールされている (アセット グループの外部と内部で試行)、application.css.scss には以下が含まれます

それだけ。

しかし、それは私にエラーを与えます

試行bundle exec rake assets:precompileすると、次のエラーが発生します。

最初に (_alerts.scss などの前に)/home/joe/.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/bootstrap-sass-3.1.1.0/vendor/assets/stylesheets/bootstrap.scssその下の _variables.scss ファイルを実際にインポートすることを確認しました。bootsrap/

明らかな何かが欠けていると思います

ファイルでは、environments/production.rbアセットに関するすべてをコメントアウトconfig.assets.initialize_on_precompile = trueし、マニュアルに従って試してみましたhttps://github.com/twbs/bootstrap-sass

これまでの研究

問題が特定されました

gem の内容を assets ディレクトリにコピーしました。これは基本的に、jlong​​ のブートストラップが行ったことです。

それは見ていませんapplication.css.scss...そこに入れたことを無視し、代わりにフォルダーを調べてそれらのファイルをロードすることを選択しました。これが、alerts.scss が最初に表示される理由です。_variables.scss の名前を _aavariables.scss に変更しようとしましたが、役に立ちませんでした