Bootstrap navbar width / max-width

My bootstrap navbar links are many, so it wraps (I think at 970px) - I don't want it to wrap, the width of the links in total are about 1020px. I've searched high and low for the answer :(

When I add a width of 1020px to .navbar .navbar-collapse the nav bar is now a little off center - how can I get it to be 1020px width and stay centered?

 .navbar .navbar-collapse {
  text-align: center;
      width:1020px;
} 

Then how do I get the navbar to not wrap but to collapse for tablet?