0
2行のナビゲーションバーを作成しようとしていますが、下側の行は2または3列の幅にする必要があります。ユーザー名。問題は私が困惑している、私は無駄にあらゆる種類の方法を試してみました。ブートストラップ - 2行で2行目のナビゲーションバーは2列だけです
+--------------------------------------------------------------------------------+
| <small logo> | link | link | link | link | link | link | link | |
+--------------------------------------------------------------------------------+
| username |
+----------+
ここで私はこれまで得たものです::
<div class="container">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
%{--<img src="http://placehold.it/70x70" class="span1" style="position:relative;top:10px" />--}%
%{--<g:img dir="images" file="oyg_logo.png" id="logo" style="position:relative;top:10px" />--}%
<div class="span12">
<div class="row">
<div class="span2 offset1" %{--style="text-align:right"--}%>
<div class="navbar-text">
<g:img dir="images" file="oyg_logo.png" id="logo" style="position:relative;top:10px" />
</div>
</div>
<div class="span9" %{--style="text-align:right"--}%>
<div class="navbar-text">
<ul class="nav">
<li><g:link controller="home" action="index">Home</g:link></li>
<li><g:link controller="home" action="resorts">Resorts</g:link></li>
<li><g:link controller="contact" action="contact">Contact Us</g:link></li>
<li><g:link controller="home" action="terms">Terms</g:link></li>
<sec:ifNotLoggedIn>
<li><g:link controller="home" action="howRegister">How to Register</g:link></li>
<li><g:link controller="register" action="register">Register</g:link></li>
<li><g:link controller="login" action="auth">Sign In</g:link></li>
</sec:ifNotLoggedIn>
<sec:ifLoggedIn>
<li><g:link controller="search" action="search">Search Availability</g:link></li>
<li><g:link controller="Bookings" action="bookings">Bookings</g:link></li>
<li><g:link controller="logout" action="index">Logout</g:link></li>
</sec:ifLoggedIn>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="span2 offset9">
<ul class="nav pull-right">
<sec:ifLoggedIn>
<li class="username_label" ><g:fullName/></li>
</sec:ifLoggedIn>
<sec:ifNotLoggedIn>
<li class="username_label" >Please log in</li>
</sec:ifNotLoggedIn>
</ul>
</div>
</div>
</div>
</div>
</div>
それはちょうど小さな画面上で、ここではのように見えることになっていますどのようなときナビゲーションバーはまだハンバーガーボタンを持っている必要があります2列のリンクを持つ非常に厚いナビバーのように見えます。どんな助けもありがとう。ありがとう!
いただきましたあなたのコード今のところ? – Andrew
私はそれを編集します – PrintlnParams