Adding a phone and map icon to the left of the bootstrap hamburger icon

Question

I have a basic bootstrap v3 website. When the navbar switches to the hamburger icon on smaller screens, I would like to add a Phone Icon (linking to a phone number) and a Map Ic

Answer 1

How to add uncollapsible icons to the Bootstrap Navbar

Let's use the Default navbar from the Bootstrap documentation.

1. Add the
   structure at the end of the
   block. This structure will not be collapsed on a narrow screen.
2. Add the visible-xs class to the
   tag. Then it will be visible only on a narrow screen.
   • Add icons as items of this structure.
   • Add the pull-right class to each
   • tag. These items will be placed near the toggle-button.

Please check the result. Is it what you want to achieve?

  

    

      
        Toggle navigation
        
        
        
      
      Brand
      

        

        

      
    

    

      

        
Left
        
Left
        
Left
      
      

        
Right
        
Right
        
Right