Skip to content

Instantly share code, notes, and snippets.

@jmblog

jmblog/navbar.slim

Created Sep 18, 2013
Embed
What would you like to do?
nav class="nav navbar navbar-inverse" role="navigation"
div class="container"
div class="navbar-header"
button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-gnav-collapse"
span class="sr-only" Toggle navigation
span class="icon-bar"
span class="icon-bar"
span class="icon-bar"
div class="collapse navbar-collapse navbar-gnav-collapse"
ul class="nav navbar-nav"
li
a href="#"
i class="icon-home"
| ホーム
li
a href="#"
i class="icon-usd"
| 収支管理
li class="dropdown"
a class="dropdown-toggle" href="#" data-toggle="dropdown"
| あなたのオファー
b class="caret"
ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuOffers"
li role="presentation"
a role="menuitem" tabindex="-1" href="#"
i class="icon-fixed-width icon-list"
| 一覧を見る
li role="presentation"
a role="menuitem" tabindex="-1" href="#"
i class="icon-fixed-width icon-plus-sign"
| 新しいオファーを作る
li class="dropdown"
a class="dropdown-toggle" href="#" data-toggle="dropdown"
| あなたの投稿
b class="caret"
ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuPosts"
li role="presentation"
a role="menuitem" tabindex="-1" href="#"
i class="icon-fixed-width icon-list"
| 一覧を見る
li role="presentation"
a role="menuitem" tabindex="-1" href="#"
i class="icon-fixed-width icon-search"
| 募集中のオファーを探す
ul class="nav navbar-nav navbar-right"
li
a href="#"
i class="icon-envelope"
span class="navbar__nofitication-badge" 3
li class="dropdown"
a class="dropdown-toggle" href="#" data-toggle="dropdown"
img class="navbar__avatar" src="http://www.gravatar.com/avatar/790f55ccde7a62df8f25747586657090?s=19" width="19"
b class="caret"
ul class="dropdown-menu pull-right"
li
a href="#" アカウント設定
li
a href="#" プロフィール設定
li class="separator"
li
a href="#" ログアウト
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment