問題タブ [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.
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 を使用してこれを処理したいと考えていますが、この問題は私を困惑させ、検索してもその理由が返されませんでした。
twitter-bootstrap - Bootstrap 3.1.0 モーダル サイジングが適用されない
モーダル (および)の新しいサイズ変更オプションを利用するようにbootstrap-sass
gem を更新した後、スタイリングを適用できませんでした。私のコードは次のとおりです。3.1.0
.modal-lg
.modal-sm
私が知る限り、これは重要なすべての属性の例とほぼ同じです:
ただし、検査するとmodal-sm
、例のようにクラスがコードで評価されていないため、何らかの形で宝石に含まれていないか、何か不足していると思いますか? モーダルは、サイジング以外のあらゆる方法で機能します。
ruby-on-rails - Rails 4 + ブートストラップ セットアップ アセット
を使用してRails4でブートストラップをセットアップしようとしていますが、この有名なエラーが発生しています:bootstrap-sass
私は次のことを試しました:
twitter/bootstrap
のapplication.js
gem 'bootstrap-sass', '~> 3.1.0'
グループ資産外です- また、インターネットで他のことをたくさん試しました
私は他の投稿とは異なる提案をするのに多くの時間を費やしてきました. これを体系的にデバッグするにはどうすればよいですか、bootstrap-sass をセットアップするにはどうすればよいですか?
ps:twitter-bootstrap-rails
また、運が悪くても仕事を
しようとしてきました。
ここにいくつかのファイルがあります
アプリケーション.js
アプリケーション.css.scss
Gemfile
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)
エラーが発生する
私は何が間違っているのでしょうか?
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 フォルダーにあり、次のようになります。
これを試すためにテストページをセットアップしました:
サーバーを起動してページにアクセスすると、ブートストラップ スタイルなしでプレーン テキストでレンダリングされます。
何をすべきかについてのアイデアをいただければ幸いです。ここには宝石を使わない人がいるようです。このアプローチには理由がありますか?どうもありがとう!
joomla - JoomlaでJHtmlにブートストラップクラスを追加する方法
次のコードを使用して、gravatar.com から取得した画像を表示しているので、ブートストラップ CSS クラスを使用してより魅力的にしたいと考えています。画像を表示するのではなくスタイルを追加するとすぐに、画像へのリンクが表示され、リンクにリダイレクトすると画像が表示されます。なぜ私はこれを得ているのですか?
これ$grav_url
は、画像用に取得している URLでありimg-circle
、使用したいブートストラップ クラスです。
ruby-on-rails - rails bootstrap-sass アセットのコンパイル エラー - 未定義の変数 alert-padding
すべての道路はbootstrap-sassを指しています
紹介チェーン:
- railscast-328 (twitter ブートストラップの基本) は、
- http://www.sitepoint.com/twitter-bootstrap-less-and-sass-understanding-your-options-for-rails-3-1/を参照
- https://github.com/jlong/ sass-bootstrap は、sass するためのブートストラップの新しい公式ポートがあると主張しています。
- https://github.com/twbs/bootstrap-sassは、twitter-bootstrap 記事のオプションの 1 つです。
これは、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
これまでの研究
- bootstrap-sass: 未定義の変数: "$baseLineHeight"
- Rails の適切な SCSS アセット構造
- Railsアセットパイプライン以下でTwitterブートストラップを使用する
- https://github.com/twbs/bootstrap-sass/issues/79#issuecomment-4428595
- heroku で bootstrap-sass 経由でブートストラップをインポートしようとしましたが、エラーが発生しました
- https://github.com/twbs/bootstrap-sass
- https://github.com/anjlab/bootstrap-rails/issues/91
- railscast 328、329、268で手がかりを探す
- グーグルについて
- アンダースコアと .scss を使用するように gem の bootstrap/bootstrap.scss を変更する、 のアセットに関連する行をコメント アウトする
environments/production.rb
、gem のページの 1 つだけにコメントするなどのさまざまな手直し (マニュアル)config.assets.initialize_on_precompile = true
問題が特定されました
gem の内容を assets ディレクトリにコピーしました。これは基本的に、jlong のブートストラップが行ったことです。
それは見ていませんapplication.css.scss
...そこに入れたことを無視し、代わりにフォルダーを調べてそれらのファイルをロードすることを選択しました。これが、alerts.scss が最初に表示される理由です。_variables.scss の名前を _aavariables.scss に変更しようとしましたが、役に立ちませんでした