如何将导航栏居中？

Question

我以前看过这里，但没有任何实际效果。我正在使用Bulma Framework，我相信这是闻所未闻的，但是我希望您能帮助我将品牌链接集中在导航栏上。这就是我现在所拥有的：

.navbar {
  background-color: #0a0a0a;
  color: white;
  height: 9%;
}

.navbar .navbar-brand > .navbar-item,
.navbar .navbar-brand .navbar-link {
  color: white;
  font-family: 'Wavehaus';
}

我在Codepen上有一个链接，以便可以看到它：

https://codepen.io/anon/pen/BwrWwg

请注意，字体不会显示。

Answer 1

你只需要设置正确display的navbar。目前，布尔玛使用Flex Layout。现在清除flex并将其使用block将使其工作：

.navbar .navbar-brand {
  text-align: center;
  display: block;
  width: 100%;
}

.navbar .navbar-brand > .navbar-item,
.navbar .navbar-brand .navbar-link {
  display: inline-block;
}