arrow_back_iosホームに戻る

  1. ホーム
  2. ナビゲーション

ナビゲーション

カプセル型

基本.bl_navPills

アイコンを文字の後ろにいれる場合はli要素に.bl_navPills_iconAfterを追加

背景色なし.bl_navPills + .bl_navPills__backgroundNone
横幅100%.bl_navPills + .bl_navPills__width100
リスト型（縦配置）.bl_navPills + .bl_navPills__column
横幅100% + 中央揃え.bl_navPills + .bl_navPills__width100 + .bl_navPills__alignCenter
横幅100% + 均等.bl_navPills + .bl_navPills__width100 + .bl_navPills__evenly
枠線あり.bl_navPills + .bl_navPills__border
スマホ時 横スクロール.bl_navPills + .bl_navPills__scrollX
ダークスタイル.bl_navPills + .bl_navPills__dark

タブ型

基本.bl_navTab
.bl_box とセット.bl_navTab + .bl_navTab__boxSet

あああああ

.bl_box 内に埋め込み.bl_navTab + .bl_navTab__boxInner

コンテンツが入ります

ボックス型

カラム割は.bl_colを利用してください。
カラム間の余白が狭いほうが理想的なので.bl_col__paddingLR__Minも一緒にご利用ください。

テキストのみ.bl_navBox + .bl_navBox__row
アイコン位置：横.bl_navBox + .bl_navBox__row
アイコン位置：縦.bl_navBox + .bl_navBox__column

ページネーション

Copyright © 20XX XXXXXXXXX. All rights reserved.