BootStrap實用代碼片段之一_javascript技巧

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 20:52:22

BootStrap實用代碼片段之一_javascript技巧

BootStrap實用代碼片段之一_javascript技巧:如題，持續(xù)總結(jié)自己在使用BootStrap中遇到的問題，并記錄解決方法。希望能幫到需要的小伙伴應(yīng)用場景：經(jīng)典上下布局中，頂部導(dǎo)航條固定，下部填充不顯示滾動條解決方案：導(dǎo)航條固定在頂部，同時為body設(shè)置內(nèi)邊距（padding-top），內(nèi)邊距為導(dǎo)航條高度（默認

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀BootStrap實用代碼片段之一_javascript技巧:如題，持續(xù)總結(jié)自己在使用BootStrap中遇到的問題，并記錄解決方法。希望能幫到需要的小伙伴應(yīng)用場景：經(jīng)典上下布局中，頂部導(dǎo)航條固定，下部填充不顯示滾動條解決方案：導(dǎo)航條固定在頂部，同時為body設(shè)置內(nèi)邊距（padding-top），內(nèi)邊距為導(dǎo)航條高度（默認

如題，持續(xù)總結(jié)自己在使用BootStrap中遇到的問題，并記錄解決方法。希望能幫到需要的小伙伴
應(yīng)用場景：經(jīng)典上下布局中，頂部導(dǎo)航條固定，下部填充不顯示滾動條
解決方案：導(dǎo)航條固定在頂部，同時為body設(shè)置內(nèi)邊距（padding-top），內(nèi)邊距為導(dǎo)航條高度（默認50px，可自己調(diào)整高度），html代碼如下：



 
 
 
 
 
 
 
  
 
 
 
 
 
  
  主頁
  
  
  河道站點
  
  
  水庫站點
  
  
  氣象站點
  
  
  降雨量
  
  
  

  1小時降雨
  
  
  3小時降雨
  
  
  24小時降雨

CSS代碼：

*{
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%;
}

實現(xiàn)效果：