Twitter bootstrap 左、右、右；引导导航栏中的内容居中

试图让引导导航栏在响应网站的左侧、中部和右侧都有链接

这可能吗？也许navbar将内容集中在navbar上是错误的

 <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <ul class="nav navbar-nav navbar-left">
            <a class="navbar-brand" href="#home"> LEFT </a>
          </ul>
          <ul class="nav navbar-nav navbar-justified">
            <a href="#"> CENTER </a>
          </ul>
          <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="#facebook"> <img src="fb.png" class="fb"> RIGHT </a>
          </li>
        </ul>
      </div>
    </nav>

您可以使用

导航栏左/导航栏右

类来定位链接，并使用自定义类来根据需要的大小定位

导航栏品牌

。请参阅工作示例代码段

.navbar custom.navbar-brand.navbar-brand-centered{
位置：绝对位置；
左：50%；
显示：块；
宽度：200px；
文本对齐：居中；
排名：0；
}
.navbar.navbar-custom>.container.navbar-brand.navbar-brand-centered，
.navbar.navbar-custom>.container fluid.navbar-brand.navbar-brand-centered{
左边距：-100px；
}

切换导航












是的

还尝试将align=“center”添加到div、ul和li中，但没有成功。但是，也许这是一种更好的方法来集中内容？不客气，请将您的问题标记为“已回答”，如果解决方案有效，那么其他人可以从中受益。好吧，我今天刚刚开始尝试，我创建了一个项目，除此代码外，几乎没有其他内容，它似乎没有集中内容，这很奇怪，因为它在提供的代码段中起作用。我想到的唯一一个方面是，我使用自定义类，以避免直接覆盖框架（在示例中是generic.navbar custom和.navbar brand centered），另一个方面是，以navbar brand为中心的大小可能需要根据文本的长度进行调整。让我知道。我的另一个问题是ng href是我想的吗？除非我启用angular，否则它可能不会工作，我会尝试一下！谢谢你的css有点混乱，不知道你为什么需要。。。。左：50%；或宽度：200px；