Mobile First, Mobile Always

How to show the bootstrap mobile menu at any resolution.

The HTML

Responsive navbar
Mobile always navbar
(LOOK THE COMMENTS)

The CSS

Bootstrap default CSS
(These instructions are scattered along the bootstrap css)
Mobile always overwrite
					
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
 
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
 
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
   
  .navbar-nav > li {
    float: left;
  }
   
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}					
					
@media (min-width: 768px){
	.navbar-header
	{
		float: none;
	}
	
	.navbar-toggle
	{
		display: block;
	}
	
	.navbar-nav {
		float: none!important;		
	}
	
	.navbar-nav>li {
		float: none;
	}
	
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}