Bootstrap NavBar with left, center or right aligned items

Question

In Bootstrap, what is the most platform-friendly way to create a navigation bar that has Logo A on the left, menu items in the center, and Logo B on the rig

Answer 1

I needed something similar (left, center and right aligned items), but with ability to mark centered items as active. What worked for me was:

http://www.bootply.com/CSI2KcCoEM

  

    
      
      
      
        
  
  

    

      
Left 1
      
Left 2
      
Center 1
      
Center 2
      
Center 3
      
Right 1
      
Right 2
    
  

CSS:

@media (min-width: 768px) {
  .navbar-nav {
    width: 100%;
    text-align: center;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > li.navbar-right {
    float: right !important;
  }
}