問題タブ [blueprint-css]
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.
css - ブループリント css を使用すると、レイアウトをフロートではなくグリッドとして定式化できるというのは正しいですか?
blueprint css について私が聞いた議論の 1 つは、フロートではなくグリッドの観点からレイアウトを考えることができるというものです。これは私にとって大きなアドバンテージのように思えます。なぜなら、フロートが最終的にどこに到達するかについて常に混乱しているからです。フロートが予期せず他のフロートの下に落ちてしまうことがあり、すべてを再配置する方法を理解するのに苦労しています。これはブループリント css を私にとって良い選択にしますか? それとも、フロートを適切に使用する方法を学び、すべてのレイアウトを手動で行うために時間を割く必要がありますか?
ruby-on-rails - デフォルトの足場 css の代わりに blueprint-css を使用するように Rails を構成するにはどうすればよいですか?
scaffold.css の代わりに scaffold を生成するときに使用するデフォルトのスタイルシートとして blueprintcss を構成するには、Rails プロジェクトにどのような変更を加える必要がありますか?
html - Blueprint-Css がレイアウトの最大グリッド幅を 950px に設定するのはなぜですか?
blueprint-css でレイアウトにコンテナー クラスを使用すると、最大幅 950px になります。これを超える必要があるレイアウトがあるので、なぜブループリントがこのデフォルトを使用するのか疑問に思っています。
html - span-x クラスと blueprint-css の「column」クラスの違いは何ですか?
と呼ばれる青写真の css クラスに対して見つけた定義は、次のように.column
述べています。
しかし、これらのクラスは、 ?span-x
を参照せずに列を定義できるため、この機能と重複しているようです。.column
誰かがこれら2つのクラスを区別するものを説明できますか?
css - ブループリント CSS コンプレッサー スクリプト、どのように使用しますか?
総ピクセル数を変更したり、空想タイプなどを含めることができるブループリント css 用のこの圧縮スクリプトについての話がありますが、私はそれを使用する方法を理解していません。私が使用できるのはブループリントのバニラ バージョンだけです。この場合、私のサイトは幅 900 ピクセルしかないため、900 ピクセル フォーマットに作り直すまで、ブループリントをまったく使用できません。
css - CSS フレームワークの使用に対する反対意見は何ですか?
昨日、私が思っていたよりも勢いのある質問をここでしました。関連するので、ここに質問リンクがあります。2 つのフレームワークを一緒に使用することは、JS フレームワークと CSS をゼロから使用すること、またはその逆を使用することよりも最悪である可能性に興味があります。
ブループリント CSSのような CSS フレームワークを使用することに反対する意見があると思われる場合は、その理由を教えてください。
html - ブループリント CSS フレームワークでの SEO
サイトの新しいレイアウトを作成していますが、Blueprint などのグリッドベースの css フレームワークを使用したいと考えています (これは私が経験した唯一のフレームワークです)。しかし、SEO を改善するために、HTML のナビゲーションとサイドバーの上にメイン コンテンツを配置する方法を知っている人はいますか?
ありがとう!
css - ブループリントcsspre内のdivが期待どおりに表示されない
ブループリントのcssフレームワークが自分に適しているかどうかを調べようとしていますが、途中で次の問題が発生しました。問題は、それぞれがspan-12クラスのdivでラップされた2つのpreを持っているが、それらが2つの列に並んで表示されておらず、何らかの理由で一方がもう一方を下にラップしていることです。問題を示す次のコードは、HTMLファイルにコピーすればうまくいくはずです。
jquery - マウスオーバーといくつかの要素の非表示に関する問題
私はjqueryとblueprintcssを使用して(私が思ったように)単純なタスクを実行しようとしています。これを以下のコードに示します。基本的に、アイテムのリストがあり、アイテムを削除できるように各アイテムの最後にXを付けたいです。また、ユーザーがリストアイテムの上にマウスを置いた場合にのみXを表示したいと思います。マウスオーバー部分は多少機能しますが、Xに近づいてクリックすると、何らかの理由で消えます。ブループリントcssはポジショニングに使用されます。コードは次のとおりです。空のhtmlファイルに接続すると機能するはずです。
blueprint-css - Compass と Blueprint を使用してパッド入りボックス mixin を作成する
インターフェイスは次のようになります
グリッドを壊してはいけません。(7 ユニットにまたがる列に配置する場合、ボックスは 7 ユニット内に収まる必要があります。)
Compass _scaffolding.sass には、実際には次の小さな数字が含まれています。
しかし、パディングはグリッドを爆破します。