問題タブ [bootswatch]

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

css - ブートストラップCSSテンプレートのカスタマイズ

TwitterのBootstrapを使い始めたばかりで、カスタマイズの「ベストプラクティス」とは何か疑問に思っています。cssテンプレート(Bootstrapまたはその他)のすべての機能を活用し、完全に(そして簡単に)変更可能で、持続可能である(つまり、次のバージョンのBootstrapがTwitterからリリースされたときに)システムを開発したいと思います。最初からやり直す必要があります。

たとえば、トップナビゲーションに背景画像を追加したいと思います。これについては3つの方法があるようです。

  1. bootstrap.cssの.topbarクラスを変更します。.topbarアイテムがたくさんあり、必ずしもすべて同じように変更したくないので、これは特に好きではありません。
  2. 背景画像を使用して新しいクラスを作成し、両方のスタイル(新しい要素とブートストラップを要素に適用)を適用します。これにより、スタイルの競合が発生する可能性があります。これは、.topbarクラスを個別のクラスに分解し、カスタムクラスによってステップされない部分のみを使用することで回避できます。繰り返しになりますが、これには必要と思われるよりも多くの作業が必要であり、柔軟性はありますが、Twitterが次の記事をリリースするときにbootstrap.cssを簡単に更新することはできません。
  3. .LESSの変数を使用して、カスタマイズを実行します。オフハンドでは、これは良いアプローチのように見えますが、使用していません。LESSクライアントでのcssのコンパイルと、コードの持続可能性について懸念があります。

私はBootstrapを使用していますが、この質問は任意のcssテンプレートに一般化できます。

よろしくお願いします。

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

ruby-on-rails-3 - 未定義のメソッド 'charAt' を呼び出すことはできません - サーバー上でのみ

ローカル (OsX、WEBrick) で正常に動作する Rails アプリケーションがあります。

サーバー(Ubuntu 10.04、Apache、Passenger)でレポを複製し、パッセンジャーをセットアップしましたが、取得したすべてのページに接続しようとすると

bootstrap.css.less の内容は次のとおりです。

application.html.erb の 5 行目は次のとおりです。

両方のマシンで ruby​​ 1.8.7

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

php - HN フロント ページのスクレイピング - シンプルな HTML DOM エラーの処理

私は「Simple HTML Dom」を使用して HN フロント ページ (news.ycombinator.com) をスクレイピングしていますが、これはほとんどの場合うまく機能します。

ただし、スクレイパーが探している要素 (スコア、ユーザー名、コメント数など) が欠けている仕事や会社を宣伝することがあります。

恥知らずなプロモーション

もちろん、これは配列を壊し、スクリプトの出力を壊します:

正しい出力の例を次に示します

そして、これは間違った出力の例です。要素が空ではないことに注意してください。したがって、エラーをキャッチして次の項目にジャンプすることはできません。プロモーション投稿以降はすべて壊れます。

では、私の質問は次のとおりです。特定の要素が見つからず、find() がエラーをスローしない状況をどのように処理できますか? ゼロから始める必要がありますか、それとも HN のフロント ページをスクレイピングするためのより良い方法はありますか?

興味のある方のために、ここに XML ファイル全体を示します: http://thequeue.org/api/tc.xml

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

ruby-on-rails - (静的) ブートストラップ テンプレートをレール アセット パイプラインに組み込む方法は?

twitter ブートストラップ、rails 3.2.1、twitter-bootstrap-rails gem (https://github.com/seyhunak/twitter-bootstrap-rails) でホームページを作っています。

従来の twitter とは異なる外観を試してみたくて、bootswatch.com の「United」という素晴らしいテンプレートを見つけました。

4 つのファイル (bootstrap.css / bootstrap.min.css / variables.less / bootswatch.less) をダウンロードしました。

これらのファイルをアセット パイプラインに組み込むにはどうすればよいですか?

これは私の「app/assets」ディレクトリからのリストです (ファイルは twitter-bootstrap-rails gem によって生成されます)。

私は見当もつかない。

0 投票する
0 に答える
97 参照

safari - ブーツウォッチがサファリで中国人と衝突

私はMax OS Xを使用しています

http://bootswatch.com/united/にアクセスして、ページの下部にあるフォームに中国語を入力してみてください。

あなたはバグを見つけるでしょう:

フォームに中国語を入力することはできません。キーを押すとすぐにサファリが更新されます。

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

twitter-bootstrap - Bootstrap アイコンを暗い背景で動作させるにはどうすればよいですか?

Twitter のBootstrap ライブラリのBootswatch Cyborg テーマを使用しています。ただし、Cyborg テーマの背景色は暗く、前景色は明るいため、Bootstrap のデフォルトからはネガティブな外観になっています。アイコン セット PNG は明るい背景を想定しており、Cyborg テーマには表示されません。暗い背景に対応するアイコン セットはありますか? Glyphiconsのサイトで見つけられませんでした。アイコンを負の色に変える簡単なトリックはありますか?

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

css - クランチ/コンパイルLESS

SimpLESSとCrunchappの両方を試しましたが、どちらも同じエラーを返します。

このbootswatchhttp://bootswatch.com/cyborg/をコンパイルしようとする、次のエラーが発生します。

誰かが私が間違っていることを知っていますか?

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

ruby-on-rails - BootswatchテーマとTwitter-Bootstrap-RailsGemの統合

Bootstrapで実行されているRubyonRailsアプリがあります。これは、gemtwitter-bootstrap-railsを使用してインストールしました。

新しいBootswatchテーマを統合したいのですが、どうしたらよいかわかりません。

テーマごとに4つのダウンロードが可能です。ファイルbootstrap.cssbootstrap.min.cssファイル、variables.lessファイル、およびbootswatch.lessです。私の質問は、それらをすべてダウンロードして~/app/assets/stylesheetsフォルダに追加する必要があるかどうかです。または、それらのサブセットが必要ですか?現在、中に~/app/assets/stylesheetsは2つのファイルがあります:application.cssboostrap_and_overrides.css.lessLESSは本当に私をここに追いやるので、それがどのように機能するか、そしてこのセットアップで新しいcssファイルを追加するために何をする必要があるかについて完全に混乱しています。どんな助けでも大歓迎です。

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

css - IE9でページが正しく表示されない

ページを作成するために、html5ボイラープレートを備えたbootswatchのテーマでブートストラップを使用しています。ChromeとFirefoxでは正しく表示されますが、IE9とIE8モードでは正しく表示されません。ただし、互換モードを使用するようにIE9を設定すると、正しく機能します。問題は、互換モードのないIE9では、ページが整列せず、左側に留まるということです。どこが間違っていたのか知​​りたいのですが。前もって感謝します!

コードはここにあります:http://jsfiddle.net/WWphP/

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

javascript - Twitter Bootstrap テーマを切り替えますか?

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

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