バーが画面全体に伸びているときに、Foundation 3byZurbナビゲーションバーのアイテムを中央に配置できるかどうか疑問に思いました。ナビゲーションに6つのアイテムがあり、それらはすべて右側にあります。
<ul class="nav-bar">
<!-- nav items... ect -->
</ul>
ありがとう。
バーが画面全体に伸びているときに、Foundation 3byZurbナビゲーションバーのアイテムを中央に配置できるかどうか疑問に思いました。ナビゲーションに6つのアイテムがあり、それらはすべて右側にあります。
<ul class="nav-bar">
<!-- nav items... ect -->
</ul>
ありがとう。
アイテムさえ作ることはできませんでしたが、どうにかして見栄えを良くすることができました。この CSS for Foundation を試してみてください。
.nav-bar { background: inherit; }
.nav-bar > li { background: #4d4d4d; border: 1px solid #333333; }
.nav-bar li {
float: left;
}
.nav-bar > li > a:first-child { padding: 0 12px; font-size: 14px; }
.nav-bar > li:last-child { border-right: 0px; -webkit-box-shadow: none; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
.nav-bar > li:hover { background: #666; }