ブートストラップを使用して応答メニューを作成しようとしました。しかし、私はこれをどのように実装するのか分かりません。ブートストラップを使用してメニューを作成していません
私の考えは、左側に1つのロゴがあり、右側のメニューにあるはずです。
以下は私のメニューです。見て、
それはブートストラップを使用して、上記の画像のようにメニューを作ることが可能です。あなたは完全なコードを掲示した場合、私は以下のコードを試してみました
、
<div class="menu">
<div class="container">
<div class="row">
<div class="col-sm-3 vcenter">
<p><img src="<?php echo base_url("assets/images/logo.png"); ?>" alt="Logo" /></p>
</div>
<div class="col-sm-9 vcenter">
<nav role="navigation" class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collection of nav links and other content for toggling -->
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
ここを見て:http://getbootstrap.com/components/#navbar -default – pbenard
最初にドキュメントの例を使って試してみる必要があります。次に、特定の問題が発生した場合に再度尋ねます。 – ZimSystem
@ZimSystem:もう一度質問を確認してください。私は編集しました。 –