您的当前位置：首页 BootStrap实用代码片段之一_javascript技巧

BootStrap实用代码片段之一_javascript技巧

来源：爱若养生

如题，持续总结自己在使用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%;
}

实现效果：

希望本文所述对大家学习Bootstrap有所帮助。

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务