2017-05-18 12 views
0

には、実例があります。また、電話、タブレット、デスクトップにグローバルに使用される<nav>のメインナビゲーションが必要です。ディスプレイ付き基本レイアウト:電話、タブレット、デスクトップのグリッド(CSSグリッド)

後HTML5の要素をレイアウトのために使用する必要があります。

<nav> for the Main Navigation 
<header> for Title, Logos, Burger-Menue-Button 
<main> for the main Content 
<footer> for Footer Content 

ブレークポイントは、次のとおりです。

  • 電話1023px
  • まで600PXから0PX最大599px
  • 錠から
  • デスクトップ最小ViewPortsから1024px

ナビゲーションバーは、電話とタブレットの左側に表示する必要があります。これはBurger-Menue-Buttonで開くことができます。デスクトップについては、ナビゲーションバーが

トップbetweeen <header>上と <main>があなたの作業例コードとあなたの助けをありがとうございましたされた:) 良い一日を:)

答えて

0

あなたが解決するために、ブートストラップのデザインを使用することができますこの問題。

http://getbootstrap.com/

+0

ありません...私はネイティブCSS3とHTML5と新しいグリッドシステムを使用します。 –

関連する問題