使文本在引导导航栏上居中

.navbar {
  display: flex;
  justify-content: center;
}

.navbar {
  position: relative;
}

.navbar-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

var navbar = document.querySelector('.navbar');
var navbarText = document.querySelector('.navbar-text');

var navbarWidth = navbar.offsetWidth;
var navbarTextWidth = navbarText.offsetWidth;

navbarText.style.marginLeft = (navbarWidth - navbarTextWidth) / 2 + 'px';