在 Bootstrap 导航栏中居中我的文本

我正在使用 Bootstrap 创建导航栏，但文本位于左侧。我根本不知道如何让文本位于导航栏的中心，并在调整大小和在不同设备上查看网站时留在那里。我试过绕过 float: left;使用以下代码，但我仍然无法弄清楚。

 body {
    font-family: century gothic;
}

.nav {
    display: inline-block;
    float: none;
}

.li {
    text-align: center;
}

.footer {
    background-color: #263238;
    height: 5%;
}

.footer-text {
    color: white;
    font-size: 20px;
    text-align: center;
    margin-top: 12px;
}

 <!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>My Website</title>
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" type="text/css" href="styles.css">
   </head>
   <body>
      <nav class="navbar navbar-default">
      <div class="container-fluid-nav">
         <div>
            <ul class="nav navbar-nav">
               <li><a href="#">CSGO</a>
               </li>
               <li><a href="#">ARMA III</a>
               </li>
               <li><a href="#">PUBG</a>
               </li>
               <li><a href="#">Other</a>
               </li>
               <li><a href="#">About</a>
               </li>
               <li><a href="#">External Links</a>
               </li>
            </ul>
         </div>
      </div>
      <div class="footer navbar-fixed-bottom">
         <p class="footer-text">Copyright 2017 ©</p>
      </div>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script src="script.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
   </body>
</html>

对这些东西很陌生，很抱歉，如果它直视我的脸。

谢谢。

原文由 user7491337 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 367

在 Bootstrap 导航栏中居中我的文本

你尚未登录，登录后可以

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

问一个鼠标滚动事件，这种是怎么实现的？

如何在CSS中实现滚动条不溢出圆角框？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

Stack Overflow 翻译