1. ホーム
  2. 使い方 Blocs
  3. 設計
  4. ナビゲーションメニュースタイルの切り替え

ナビゲーションメニュースタイルの切り替え

で構築されたウェブサイト Blocs 使用 ブートストラップ フレームワークでは、Bootstrapを使用するサイトをモバイルデバイスで表示すると、標準のナビゲーションリンクがボタンからアクセスできるトグルメニューになります。これは、モバイルユーザーエクスペリエンスを向上させるため、通常の動作です。

トグルメニュースタイルの変更

ナビゲーショントグルがクリックされると、Bootstrapは標準のドロップダウンメニューを表示します。サイトメニューにより大きな影響を与えるために、これを変更したい場合があります。 Blocs デフォルトのドロップダウンメニューの代わりに使用できるいくつかの代替メニュースタイルが付属しています。 XNUMXつを選択するには、最初にナビゲーショントグルアイテムを選択します。 左クリック デザインキャンバス上に配置するか、非表示になっている場合はレイヤーツリーに配置します。

次に、ラベルの付いたドロップダウンボタンに移動します 形式、デフォルトでは、このオプションはに設定されています ドロップダウンメニュー.

デフォルトのドロップダウンメニューを次のように簡単に置き換えることができます 左クリック 利用可能な事前定義されたメニュースタイルのXNUMXつ。

トグルメニューのスタイリング

付属のすべての定義済みトグルメニュー Blocs 背景が黒の白いテキストで構成される基本的なスタイルがあります。 これらのメニューは、を介して追加できる特別なサブクラスを使用して、非常に詳細にスタイル設定することができます。 クラスマネージャー。 クラスマネージャを介してサブクラスを追加する方法の詳細を読むことができます ここ.

トグルメニューの外観を設定することも可能です シンボル 設定するだけでなく ブレークポイント あなたはそれがに見えるようにしたいのです。

ナビゲーションテキストリンクの視覚スタイルを設定したい場合は、 プロジェクト設定のテキストオプション.

18年2020月XNUMX日に更新

この記事は役に立ちましたか?

関連記事