有没有更好的方法来计算引导容器排水沟作为保证金？

Question

我想制作一个导航栏，其背景与页面右侧齐平，但不会扩展页面的整个宽度。我还希望导航链接与其下方的内容对齐，该内容将位于容器中。

以下是一个示例：http://www.bootply.com/7KTnoOkEJD

这是我使用的CSS：

@media (min-width: 768px) {
  .navbar-nav>li:last-child {
  margin-right: calc((100vw - 765px) / 2);
  }
  .navbar-nav>li:last-child a {
  padding-right:0;
  }
}
@media (min-width: 992px) {
  .navbar-nav>li:last-child {
  margin-right: calc((100vw - 985px) / 2);
  }
}
@media (min-width: 1200px) {
  .navbar-nav>li:last-child {
  margin-right: calc((100vw - 1185px) / 2);
  }
}

我从bootstrap.css中.container的宽度得到calc（）中的像素数。

这是不好的代码还是有更好的方法来实现这个目标？

我本来打算问如何实现这个目标，但在编写bootply时我发现了它并决定在这里提问可能仍然是一个很好的问题。