問題タブ [css-frameworks]

グリッド列の間にセパレータを追加するにはどうすればよいですか。境界線を追加しようとすると、常にレイアウトが壊れていました。わかりやすくするために添付の写真をご覧ください。

編集

こちらをご覧ください

http://burnfatweightlossblog.com/aiu/junaid/testhtml/

コード

このフレームワークを正しく設定するのに苦労しています。誰かがこれをうまく機能させることができましたか？もしそうなら、私はありとあらゆるフィードバックが大好きです。ありがとう！

http://compass-style.org/install/の指示に従って、Rails 3.1アプリ内のどこにファイルを配置するのか疑問に思っています。コンパスをインストールするときに、ファイルを内部に置くか、そのままにしてapp/assets/stylesheetsおくか。app/stylesheets

また、コンパスは以下の後に一連の指示を与え$ compass init rails . --using blueprintます：

これはHAMLのように見えます（私はよく知りません）。代わりに.erbを使用してこれらのリンクタグを追加しましたが、何も機能しないようです。

Twitter Bootstrap フレームワークを理解できません。コンテナの周りの基本的なパディングは許可されていますか?

デフォルトの 20px のマージンが残っているようですが、パディングはありません。この問題を解決できた人はいますか？

背景が白の場合、これは正常に機能しますが、コンテナの後ろに色を配置した瞬間にパディングが得られず、パディングを追加するとレイアウトが壊れます。私は何か間違ったことをしていますか？

Twitter ( http://twitter.github.com/bootstrap/ )から、Bootstrap のような Web アプリケーションに使用できる UI ツールキット/フレームワークはありますか?

現在、古い ASP 基幹業務アプリケーションをアップグレードしており、共通のフレームワークを使用してグリッド、アラート メッセージ、フォームなどを処理したいと考えています。jQuery UI には精通していますが、必要なほど完全ではありません。することが。私の主な関心事は、他の開発者が使用できる、デザインに精通しすぎていないアプリケーションの一貫した UI が欲しいということです。また、アプリケーションがアプリケーション全体で一貫して動作することを望みます。

ASP.NET MVC を使用しているため、サーバー側のフレームワークは必要ありません。ちなみに、jQueryとjQuery UIの両方を使っているのですが、足りない空白を埋めてくれるものを探しています。

モバイル端末にも対応したウェブサイトの構築を開始しています。そのため、メディア クエリやさまざまなグリッド フレームワークの研究も開始しています。Inuit.css、セマンティック グリッドなどのすべての「メイン プレーヤー」を調べたところ、おそらくフレームレス グリッドが最適であることがわかりました。

著者は、「 Less Frameworkの精神的な後継者」であると述べています。

Ok。メインの framelessgrid.com ページ (フレームレス グリッドを実装する必要があります) の less/css コードと html コードをすべて調べましたが、実際にどのように実装できるかわかりません。

• まず第一に、「フレームレス」とは正確には何を意味するのでしょうか? 単にフレームワークではないということですか？また、自由な列幅と「反転」メディア クエリを「モバイル ファースト」にする以外に、lessframework との違いは何ですか?

• .less 変数 (特に @cols シリーズ) を正確に使用するにはどうすればよいですか?

• 「ピクセルごとではなく、列ごとに適応する」とは何ですか。平均？この概念をどのように実践に移すべきでしょうか?

:)

私はこれが以前に尋ねられたことを知っています、しかし他の質問は数年前でした-そして技術が進歩するのと同じくらい速く…。

2004年に最後にデザインされたウェブサイトの再デザインを検討しています。私は960グリッドを使用しており、それを優先していますが、これについて他の人の意見はどうでしょうか。1140グリッドはどうですか？

このサイトは地方自治体のサイト用であるため、さまざまなユーザー/ブラウザがアクセスします。

Joni Korpi の Frameless CSS フレームレス グリッド ( http://framelessgrid.com/ )を理解しようとしていますが、彼が持っている .less ファイルを読むのに苦労しています。私は LESS が変数を使用することを基本的に理解しているので、列 = 48 とガター = 24 を知っています。

1cols = 1 * (48 + 24) - 24)/ 12 ですか?

私が理解していないのは@1col: @1cols;、.width (@cols:1) { width: (@cols * (@column + @gutter) - @gutter) / @em; }

誰でも助けることができますか？

https://github.com/jonikorpi/Frameless/blob/master/frameless.less

どの CSS グリッド システムが迅速に機能し、それなしでは実行できませんか?

私はさまざまなリソースからフリーランスのプロジェクトに取り組んでおり、取得した Photoshop ファイル (PSD) はグリッドに基づいていないか、同じグリッド幅と列、ガターを使用していません。私はデザイナーと直接コミュニケーションを取っているわけではありません。クライアントまたは他のフリーランサー/下請け業者から直接デザインファイルを入手するだけです. PSD 用の HTML CSS を Grid を使わずに IE 互換で作成するのが得意です。

最近では、幅 940px のグリッドやその他のボタンや jquery プラグインに基づく Twitter ブートストラップがコミュニティで人気を博しています。

私の質問は、特にグリッドの使用に関するものです。通常の方法と比較して、何も制限することなく開発時間を短縮できる方法、特にデザイナーが離れた場所にいて、私がデザイナーに直接接続していない場合、グリッドベースのシステムを強制的に使用することさえできない. 一部のクライアントから twitter ブートストラップを使用するように依頼されていますが、提供されたデザイン ファイルが 940px グリッドと一致しません。

私は次のことを行います: 背景画像 (上部中央) があり、その中央下部をコンテンツで埋めます。http://glocalventures.org/のようなことをします。注：サイズ変更可能です！

どうすればこのようなものを作ることができますか? 私は、Zurb Foundation を CSS フレームワークとして使用しています。ありがとう！

標準のナビゲーションにナビゲーションバーを使用しています。サインインとサインアップのボタンを含めたいと思います。

aクラスでタグを使用してbtn btn-large btn-successいますが、デフォルトでは、ナビゲーションバーはネストされたbtnsの使用に対応していないようです。

結果は次のようになります。

そして、ホバーすると、次のように表示されます。

私の質問は基本的に：私はこれを間違ってやっていますか？足りないものはありますか？

.btnのCSSクラスを再定義する前に聞いてみようと思いました。ナビゲーションバー内。

ありがとう。