html - Foundation ナビゲーション バー/トップバーを中央に配置する方法

Question

これについて回答を求める投稿がたくさんありますが、ほとんどは半分正しいか、単に機能しません。

サンプルのナビゲーション バーを使用して、以下の回答にいくつかの編集を追加できます。

Answer 1

ここから Foundation トップバーの例をコピーして貼り付けるだけです。これをHTMLに入れて、

1. トップバーの左または右のセクションを削除します
2. から左右を削除<ul class="left">' or '<ul class="right">
3. <h1><a href="#">Top Bar Title </a></h1>タイトル欄から削除。

4. 追加

   .top-bar-section ul {display: table; margin: 0 auto;}
   
   .top-bar-section ul li {display: table-cell;}
   

in 終了タグ@media only screen and (min-width: 58.75em) { の直前。}

左側を選択した場合、これで 3 つのボタンが残り、完全に中央に配置されます。