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

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

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

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

推薦度：

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

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

如題，持續總結自己在使用BootStrap中遇到的問題，并記錄解決方法。希望能幫到需要的小伙伴
應用場景：經典上下布局中，頂部導航條固定，下部填充不顯示滾動條
解決方案：導航條固定在頂部，同時為body設置內邊距（padding-top），內邊距為導航條高度（默認50px，可自己調整高度），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%;
}

實現效果：