「Html/bootstrap/bootstrap3/スマホ時にのみに表示されるヘッダー展開メニュー」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「 <<nowiki />nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <<nowiki />div class="container"> <<nowiki />div class="navbar-header">...」) |
|||
| 行9: | 行9: | ||
</button> | </button> | ||
<<nowiki />a class="navbar-brand" href="/" ><<nowiki />img src="/assets/img/icon.png" border="0" height="24" /></a> | <<nowiki />a class="navbar-brand" href="/" ><<nowiki />img src="/assets/img/icon.png" border="0" height="24" /></a> | ||
| + | <<nowiki />a class="navbar-brand" href="/" style="width:50px;background: url('/assets/img/icon_40x40.png') no-repeat center center"></a> | ||
| + | |||
<<nowiki />span class="visible-xs-block"> | <<nowiki />span class="visible-xs-block"> | ||
<<nowiki />a class="navbar-brand" href="/taglist" style="font-size:12px"><<nowiki />span class="glyphicon glyphicon-cloud"><<nowiki />br />ﾀｸﾞ</span></a> | <<nowiki />a class="navbar-brand" href="/taglist" style="font-size:12px"><<nowiki />span class="glyphicon glyphicon-cloud"><<nowiki />br />ﾀｸﾞ</span></a> | ||
2015年5月28日 (木) 15:37時点における版
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/" ><img src="/assets/img/icon.png" border="0" height="24" /></a>
<a class="navbar-brand" href="/" style="width:50px;background: url('/assets/img/icon_40x40.png') no-repeat center center"></a>
<span class="visible-xs-block">
<a class="navbar-brand" href="/taglist" style="font-size:12px"><span class="glyphicon glyphicon-cloud"><br />ﾀｸﾞ</span></a>
<a class="navbar-brand" href="/favorite" style="font-size:12px"><span class="glyphicon glyphicon-star"><br />ｵｷﾆ</span></a>
<a class="navbar-brand" href="/mysearch" style="font-size:12px"><span class="glyphicon glyphicon-th-list"><br />履歴</span></a>
</span>
</div>
<div id="navbar" class="navbar-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</nav>
