如何在 HTML 导航栏中居中对齐项目并右对齐项目，同时将左侧留空？ [复制]

【问题标题】：How can I centre align an item and right align an item within a HTML navigation bar whilst leaving the left empty? [duplicate]如何在 HTML 导航栏中居中对齐项目并右对齐项目，同时将左侧留空？ [复制]
【发布时间】：2021-04-02 10:19:40
【问题描述】：

希望这张图能更好地解释我的目标：

这个导航栏也是响应式的；社交字形折叠成汉堡菜单。发生这种情况时，我希望标题保持居中，尽管我自己也可以这样做。

【问题讨论】：

请看stackoverflow.com/help/how-to-ask。

标签： html css navigation alignment center

【解决方案1】：

我建议您使用引导程序来获得更好的布局。例如对你来说，可以使用这个：

  <div class="container">
    <nav class="row">
       <div class="col-lg-3">
         <div class="social-gylph">Twitter</div>
         <div class="social-gylph">Facebook</div>
       </div>
       <div class="col-lg-6">
         Website Title
       </div>
       <div class="col-lg-3">
       <!-- nothing at this moment -->
       </div>
    </nav>
   </div>

查看更多：Bootstrap Layout

【讨论】：