Boostrap をフレームワークとして使用したレスポンシブ Web デザインのワークフローがどのように機能するかを理解したい。デザインを Sketch 3 から CSS (Bootstrap) に変換する方法が特にわかりません。
ツール/フレームワーク: Sketch 3、Bootsrap
目標: 完全レスポンシブ ウェブデザイン
私の現在の理解：
4 つの異なるレイアウトを使用して、Sketch 3 で 4 つの異なるバージョンの Web サイトを作成します
- デスクトップ HD
- デスクトップ
- タブレット
- 電話
ブートストラップ + CSS + HTML
- すべてのセクション (ヘッダー、本文、フッター、サイドバーなど) を分析し、xs、s、md、lg 列に必要な列の量を決定します
- 4 つの異なるグリッド サイズ (xs、s、md、lg) をすべて使用して、Web サイトの基本構造を構築します。
Sketch3 から正確に何をエクスポートしますか?
ボタンだけをエクスポートして、残りは CSS を使用して作成する必要がありますか?
4 つの異なるレイアウトすべてからすべてのボタンをエクスポートする必要がありますか?
完全に応答性が高く、保守が容易であることを確認したいと思います。