css - bootstrap align nav li with navbar-brand

Question

I'm trying to get the nav bar link to align centrally with the nav brand

here is my code so far

http://codepen.io/anon/pen/pivwh

for some reason the contact is lower and I can't get the links to align to the right.

Thanks.

Answer 1

Try this..

.navbar-nav {
  margin-top: 60px;
  font-size: 24px;
  text-transform: uppercase;
}

http://codepen.io/anon/pen/GAhwz

Answer 2

Is this what you're looking for?

.nav {
  float:right;
}

.nav li a{
  line-height: 99px;
}

.nav li {
  font-size: 24px;
  text-transform: uppercase;
}

http://codepen.io/anon/pen/FtyCg