Bulmaのmenuは、垂直ナビゲーションコンポーネントであり、以下で構成されます。
menuコンテナ- 情報提供用の
menu-labelラベル - 2レベルまでネスト可能なインタラクティブな
menu-listリスト
スポンサー
メニュー
あらゆるタイプの垂直ナビゲーションに対応する、シンプルなメニュー
例
HTML
<aside class="menu">
<p class="menu-label">General</p>
<ul class="menu-list">
<li><a>Dashboard</a></li>
<li><a>Customers</a></li>
</ul>
<p class="menu-label">Administration</p>
<ul class="menu-list">
<li><a>Team Settings</a></li>
<li>
<a class="is-active">Manage Your Team</a>
<ul>
<li><a>Members</a></li>
<li><a>Plugins</a></li>
<li><a>Add a member</a></li>
</ul>
</li>
<li><a>Invitations</a></li>
<li><a>Cloud Storage Environment Settings</a></li>
<li><a>Authentication</a></li>
</ul>
<p class="menu-label">Transactions</p>
<ul class="menu-list">
<li><a>Payments</a></li>
<li><a>Transfers</a></li>
<li><a>Balance</a></li>
</ul>
</aside>SassとCSS変数 #
|
Sass変数
|
CSS変数
|
値
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|