One of BootStrap's practical code snippets _ javascript skills

This article describes in detail one of the practical BootStrap code snippets, summarizes the problems encountered in using BootStrap, and records the solutions. If you are interested, you can refer to the example below, summarize the problems you encountered in using BootStrap and record the solution. Hope to help the desired partner
Application scenarios:In the classic Upper and Lower layout, the navigation bar on the top is fixed, and the scroll bar is not displayed when the lower part is filled.
Solution:The navigation bar is fixed at the top, and the padding (padding-top) is set for the body. The padding is the height of the navigation bar (50px by default, you can adjust the height by yourself). The html code is as follows:

 
  
    
    
      
        
        Switch navigation bar                                
      
       
        
 
 
          
  
  
Home Page
          
  
  
River Station
          
  
  
Reservoir site
          
  
  
Meteorological site
          
  
  
Rainfall 
   
 
    
1 hour rainfall
 
    
3 hours of Rainfall
 
    
24-hour rainfall
 
   
 
        
 
 
              
    
  
  
   

CSS code:

*{margin:0;padding:0;border:0;}html, body{height:100%;width:100%;overflow:hidden;}body{padding-top:50px;}.page-wrapper{margin:0;padding:0;height:100%;overflow:hidden;}#map{width:100%;height:100%;}

Effect:

I hope this article will help you learn Bootstrap.