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

实现效果：

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

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

推荐度：

点击下载本文 文档为doc格式

标签：常用 js 代码

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐