Bootstrap navbar align want align to the right

Question

I\'m trying to align the navbar to the right. When I use the .pull-right class it\'s pushing the navbar too much to the right: \"off the grid\".

What am I doing wro

Answer 1

The problem arises because in bootstrap-responsive.css the margin-right is set to 0.

Jsfiddle with a basic mockup See in browser

So you have to provide it with some number to look appropriate, like below:

.navbar .nav.pull-right {
     float: right;
    margin-right: 98px; /*set margin this way in your custom styesheet*/
  }

The html code to create your desired effect can be written in the following way :

    

        
    
    

        

            

                

                    
                    MENY 

                    
                    
                    

                        
                        

                            
Home
                            
                            
Link
                            
                            
Link