0

私は誰かがこれで私を助けてくれることを望んでいます私はこれと少し混乱しています私はいつも960グリッドシステムで働いてきました。Twitter Bootstrapを使用してレスポンシブデザインを作成します。私が抱えている問題は、Twitterサイトのデスクトップビューに次のように表示されることです。

ラベルレイアウト幅列幅ガター幅大型ディスプレイ1200px以上70px30pxデフォルト980px以上60px20pxポートレートタブレット768px以上42px20px電話からタブレット767px以下流体列、固定幅なし電話480px以下流体列、固定幅なし

確かにそれはデフォルト960px以上でなければなりませんか?60 * 12 + 20 * = 960px?

足りないものはありますか、それとも単にカスタマイザーを使用する必要がありますか?

基本的に、PSDのサイズはまだ940pxにする必要がありますか(通常どおりですか?)、それとも960pxにする必要がありますか?

4

2 に答える 2

1

確かにそれはデフォルト960px以上でなければなりませんか?60 * 12 + 20 * = 960px?

最初の列の前に20pxのパディングを許可すると、各列の間に20px、最後の列の後に20pxの合計は、12 *(60 + 20)+ 20=980pxになります。

私のPSDのサイズはまだ940pxである必要がありますか(通常どおりですか?)、それとも960pxである必要がありますか?

はい、940px幅のデザインです。デバイスウィンドウが980px以上である限り、全幅が表示されます。

960.gsからの場合、デザイン幅は同じです。違いは、bootstapにはすべての行の開始と終了に10pxの余白があるため、全幅を表示するには980px幅のウィンドウが必要になることです。

さまざまな幅のブートストラップレイアウトテンプレートを探している場合は、ここに1つの優れたソースがありますhttps://benstewart.net/2012/06/bootstrap-sensitive-photoshop-templates/

于 2013-01-18T01:50:42.723 に答える
0

ブートストラップから、これは正しいです...

  • 1200px以上の大型ディスプレイ
  • デフォルト980px以上
  • 768px以上のポートレートタブレット
  • 767px以下のタブレットへの電話
  • 480px以下の電話
于 2013-01-17T19:55:02.540 に答える