Open棟梁 wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

目次

概要

本ページでは、Open 棟梁 v2.0 から 新しくなった画面デザインについてご紹介いたします。

なお、Open 棟梁のサンプルには、

がありますが、いずれも同様の画面デザインとしています。

このため、以下は Web フォームサンプル (ProjectX_sample) の例をご紹介いたします。

画面デザイン

画面デザインは、

レスポンシブデザイン

ブラウザの幅が広いとき

Overview.png

ブラウザの幅が狭いとき

Overview_Narrow.png

3 つのエリア

ヘッダーエリア

header.png

ヘッダーエリアのグリッドシステム

用意しました。

※ 詳細は Bootstrap のサイトをご覧いただければと思いますが、

ボディーエリア

に分かれます。

メニューエリア

コンテンツエリア

ボディーエリアのグリッドシステム

割り当てています。

フッターエリア


トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS