問題タブ [bootswatch]

Twitter Bootstrap で構築されたクライアントのプロジェクトに取り組んでいます。彼は、ユーザーが選択できるさまざまな配色を用意したいと考えています。たとえば、上部のメニューからユーザーが変更できる赤色の配色と青色の配色を用意します。

これを行う jQuery 用のプラグイン (またはその他のもの) はありますか? 実際に行う必要があるのは、別の CSS ファイルをロードすることだけだと思いますが、これを行うにはどうすればよいでしょうか?

Web サイトhttps://wrapbootstrap.com/には、Twitter Bootstrap を使用して作成されたテーマがあります。これらの各テーマには、さまざまなバージョンの Twitter Bootstrap と、他のさまざまなライブラリおよびバージョン (jquery、fontawesome など) が含まれています。

これらのテーマを既存の Rails アプリに追加するにはどうすればよいですか? 手順は何ですか？

jquery、twitter ブートストラップ、fontawesome など (Gemfile で宣言されている) の別のバージョンを既に使用している場合に発生する可能性のある競合について特に興味があります。

ありがとうございました

http://bootswatch.com/のスタイルの 1 つを使用しようとしています。スタイルの .less バージョンを bootstrap.css に適用したいと思います。そうするために、 http://lesscss.org/#usageで説明されているように、次のことを行っています。

しかし、うまくいきません。つまり、まだデフォルトのブートストラップ テーマを使用しています。

簡単にするために にマージvariables.lessしbootswatch.lessたので、コードは次のようになります。

それでも、デフォルトのブートストラップ テーマを取得します。

デバッガーで確認したところ、すべてのファイルが適切にリンクされているため、使用方法が間違っていると思います。

私が持っているのは、セレクター ボタンでエントリのリストを動的に配置する DIV を含む Web ページです。この例では、コードを大幅に簡素化しました。

ターゲットDIVは次のようになります

サーバーにリストを要求し、次のような文字列を作成します

次に、これをドキュメントに挿入します

これで問題なく動作し、素敵なリストが表示されます。生成されたボタンをクリックすると、正しいルーチンが開始され、パラメーターが正しく渡され、期待どおりの結果が得られます。

ただし、ボタンが押されると、すべての「dynamicbutton」クラス要素を無効にし、処理が完了したら再度有効にしたいと思います。

私が呼び出すルーチン内には、次の行があります

しかし、これは動的に生成されたコンテンツには影響しないようです。ページに同じクラスに属する他のボタンがある場合、それらは無効になるため、このメソッドを使用して最初に読み込まれたドキュメントのコンテンツにのみアクセスできるようです.

各ボタンに一意の ID を与え、それぞれを個別に参照しようとしましたが、成功しませんでした。

jQueryが通常の要素選択を介してアクセスできるように、このコンテンツを生成する方法はありますか、それともそれらを操作するために使用する必要がある他の手法はありますか?

正常に動作しているようなクラスのリンクをクリックすると、クラスが異なるリンクをクリックしても同じです。ただし、同じリンクを 2 回クリックしても機能しません。インターネットで検索すると、クリックの代わりにライブを使用する必要があることがわかりますが、ライブは 1.8 バージョンで廃止されました。これを複数回発火させるにはどうすればよいですか？

bootswatch-rails を使用してスタイルを変更したい。

まず、bootswatch-rails gem をインストールし、ファイルの拡張子を scss.erb に変更します。それでは、ファイル scss.erb に書き込みます。

ここまではすべて問題なく動作していましたが、ナビゲーション中にスタイルが突然変化してしまいました。これは、資産がメモリまたはキャッシュに保存されているために発生する可能性があると思います。だから、私はそれを行う方法を知りません、あるいはそれを成し遂げることが可能かどうかさえ知りません.

私はbootwatch-railsを使用しようとしていますが、うまく機能しません.たとえば、bootwatchサイトのようにボタンが正しく表示されません.
gemfile に bootstrap-sass と bootswatch を入れて bundle install

私のbootstrap_and_overrides.css.scssファイルでは、次のようになります

何が間違っているのか本当にわかりません。

Twitter Bootstrap でいくつかの効果を取得しようとしていますが、苦労しています。以前に行われたに違いないと確信しています。どちらも非常に似ているので、1 つの質問にまとめました。

私がやりたいことは、リストとナビゲーションバーの両方でアイコンを機能させることです。少し絵を描くことで達成しようとしている各効果の簡単な説明:

リスト

私は<img>and <span>and <div>all を含めようとしましたclass="close"が、どれも正しく動作していないようでした.

ナビゲーション バー

ここで必要なのは、ナビゲーション バー アイテムの横 (および最初のナビゲーション バー アイテムのアクティブ領域内) に 2 つのアイコンを表示することです。リストと同じような問題で、今回は画像が上に押し出されます。Nav2 をフォトショップして、達成したい効果を説明しました。

私は を<img>試しました を試しました<i>が、これらはどういうわけか魔法であり、常にある種のグリフアイコンを指していると思います-これらについて読む必要があります。私が本当に欲しいのは、ここでカスタム画像を使用することです。

どんな提案や小さな例も素晴らしいでしょう。ありがとう。

bootswatch からテーマを取得して、新しい bootstrap.css ファイルにコンパイルしようとしています。

ブートウォッチ ページに、ダウンロード用の 4 つのファイルが表示されます:bootstrap.css, bootstrap.min.css, variables.lessとbootswatch.less.

プロジェクトの既存のファイルで bootstrap.[min.].css を置き換えることができることがわかります。しかし、私のプロジェクトは、bootswatch が使用している 2.2.x ではなく、twitter ブートストラップ 2.3.x に基づいています。マークアップのさまざまなバージョンの問題について心配する必要はありません。最新バージョンのブートストラップを利用しようとしている場合、これは正しい方法ではないようです。

そこで、variables.less をダウンロードし、github からブートストラップ リポジトリのクローンを作成しました。依存関係をインストールしたらvariables.less、ディレクトリにコピーしlessます (そして、既存の variables.less を上書きします)。次に を実行するmakeと、新しい CSS ファイルが にビルドされdocs/assets/css/bootstrap.cssます。これにはいくつかの新しい機能が含まれているようです (たとえば、bootswatch テーマのフォントが h1、h2 などのタグ内に設定されています)。

ただし、CSS ファイルはフォントをインポートしないため、フォントは使用できません。bootswatch の bootstrap.css ファイルでは、CSS ファイルの最初の行にフォントのインポートが表示されます。新しく生成されたファイルには、フォントのインポートがまったくありません。

どのステップが欠けていますか? variables.less ファイルが明らかに 2.2.x に基づいており、新しいブーストラップが 2.3.x であることを考えると、これは正しい方法ですか? ブーストラップの作成者は、おそらくそのようなシステムを使用して下位互換性を支援したいと考えているため、うまくいくと思います。

私のウェブサイトでは、Ruby on Rails アプリケーションの選択した変更のドロップダウンを使用して、application.erb.html にテーマを動的に割り当てたいと考えています。

私のapplication.html.erbファイルは次のとおりです

現在のテーマを動的に変更したい私の要件は、ドロップダウン選択変更でテーマを割り当てたいことです

私を助けてください