Framework7-Navbars

説明

この章では、_navbar_について学習しましょう。通常、ページのタイトルとナビゲーション要素を含む画面の上部に配置されます。

Navbarは3つの部分で構成されており、それぞれにHTMLコンテンツが含まれている場合がありますが、以下に示す方法でこれらを使用することをお勧めします-

次の表は、_navbar_の使用の詳細を示しています-

S.No	Navbar Types & Description
1	Basic navbar navbar _、 navbar-inner 、 left 、 center_、および_right_クラスを使用して、基本的なnavbarを作成できます。
2	Navbar with links ナビゲーションバーの_left_および_right_部分でリンクを使用するには、クラス_link_で_ <a> _タグを追加するだけです。
3	Multiple links 複数のリンクを使用するには、選択した部分に_ <a class = "link"> _をいくつか追加するだけです。
4	Links with text and icons アイコンのクラスを追加し、リンクテキストを_ <span> _要素でラップすることにより、リンクにアイコンとテキストを提供できます。
5	Links with only icons _icon-only_クラスをリンクに追加することにより、アイコンのみでNavbarリンクを提供できます。
6	Related app and view methods _View_の初期化時に、framework7ではnavbarで利用可能なメソッドを使用できます。
7	Hide navbar automatically navbarは、navbarが必要ない一部のAjaxロードページに対して自動的に非表示/表示できます。