1

試しましたが、満足のいく答えが見つかりませんでした。Twitterブートストラップを使用して、デザインをレスポンシブにしたい。1200、1024、980、960などのさまざまなサイズのPSDを取得し、それに応じて1200、1024、980、960の#wrapを作成し、そのラップ内ですべてのデザインを行います。Bootstrapについて混乱しています。私の質問は、BootStrap Gridで設計されたPSDにのみレスポンシブブートストラップを適用できますか、それとも任意のサイズのPSDでレスポンシブブートストラップを使用できますか?はいの場合、すべてのPSDでどのように使用できますか?

4

1 に答える 1

5

Bootstrapは、特定のブレークポイントを使用して、さまざまなデバイスでの外観を変更しています-詳細情報:http ://twitter.github.com/bootstrap/scaffolding.html#response

「通常の」ブートストラップバージョンには12列ありますが、ColumnWidthとgutterWidthを再定義できます。http://lightglitch.github.com/bootstrap-xtra/のような16colsのブートストラップバージョンや24colsグリッドもあります-googleを試してください。

したがって、PSDからHTMLまでのベストプラクティスは、私にとって、意図したグリッドとメディア解像度でデザインを行い、新しいプロジェクトの開始時にデザイナーに提案することです。

より難しい方法は次のとおりです。ブートストラップがどのように実行したかを確認し、PSDに適合する独自の小さなフレームワークを構築します。

于 2012-10-05T11:10:43.417 に答える