关于导航按钮在其他尺寸下显示问题
关于导航按钮在其他尺寸下显示问题
1.
Bootstrap第4177行
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
修改为
@media (min-width: 992px) {
.navbar-header {
float: left;
}
}
2.
Bootstrap第4194行
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
修改为
media (min-width: 992px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
3.
Bootstrap第4318行
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
修改为
@media (min-width: 992px) {
.navbar-toggle {
display: none;
}
}
转载于:https://www.cnblogs.com/wangshengli520/p/7462831.html
关于导航按钮在其他尺寸下显示问题相关推荐
- 微信小程序按钮只有在调试下显示
今天客户反映微信小程序页面里面的分享按钮不显示 我发现在本地和体验版的调试模式下都显示
- python壁纸超清全面屏_iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案
iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案 前言 全面屏刚出时,网上有说反人类.但过去这么久了,趋于技术的进步或看久了,大家也都慢慢习惯了(只是笔者还是买不起全面屏).官方适配中文版文档也 ...
- iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案
前言 全面屏刚出时,网上有说反人类.但过去这么久了,趋于技术的进步或看久了,大家也都慢慢习惯了(只是笔者还是买不起全面屏).官方适配中文版文档也出来了. 图源:( baijiahao.baidu.co ...
- 4.IDA-导航(跳转到地址、导航按钮、栈帧、调用约定、局部变量布局、IDA的栈视图)
1.跳转到地址 使用Jump▶Jump to Address命令或在处于活动状态的反汇编窗口中按下热键G,均可以打开Jump to Address对话框,如果把这个对话框看成Go对话框,可能有助于你记 ...
- html5导航 按钮,CSS实例:超酷的网站导航按钮
CSS实例:超酷的网站导航按钮 互联网 发布时间:2009-04-02 19:35:20 作者:佚名 我要评论 网页制作Webjx文章简介:本文一步一步手把手教你打造一个极酷的三层分离的标 ...
- android 虚拟导航按钮(NavigationBar)可手动隐藏开发
NavigationBar可以手动隐藏,随着华为荣耀手机有了这个特点后,目前有很多android手机都有该特性.如下截图所示: 上图的底部虚拟导航按钮的左.右边有两个按钮点击这个按钮,虚拟按钮就会消失 ...
- php微信地图定位导航,微信公众服务号下实现地图语音导航的方案
微信公众服务号下实现地图语音导航的方案 如何在微信公众号里面实现多商家用户,店铺详情页的语音导航功能这个问题一直困惑着我. 现在有一个解决方案供大家参考. 具体步骤如下: 1.打开:http://ma ...
- ppt批量缩略图_PPT如何在文件夹下显示缩略图的方法
PPT如何在文件夹下显示缩略图的方法 2017-10-17 19:15 责任编辑:zhiban 导读 / 很多朋友多喜欢让自己文件夹一目了然,但是ppt况下是不会显示缩略图的,这就让不少朋友很困扰,那 ...
- java中点击按钮出现echarts图表_echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮...
echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮 >>>>>>>>>>>>>>&g ...
最新文章
- flutter 应用场景_Flutter混合开发的路由栈管理
- 【VS开发】【DSP开发】WinDriver简介(或介绍)
- java数组的clone方法_深入浅出,如何更彻底地理解Java数组的clone方法
- 两种方法可以达到背景图不缩放的效果
- StringBoot接收XML参数,Java解析XML参数并封装
- (5)全局异常捕捉【从零开始学Spring Boot】
- mysql 5.7 root密码重置(centos 7)
- 尝试加载Crystal Reports 运行时时出错
- 腾讯云函数使用方法及注意事项
- jquery局部打印插件使用
- 图像情感识别研究方向
- day57 闭包函数 函数提升 BOM操作 js选择器 替换元素 类属性操作
- 十五、存储过程与函数
- 传奇3的WIL文件格式
- 百度大脑UNIT升级,五步完成对话模型私有化部署
- 作业~嗖嗖移动业务大厅
- android之NFC基础技术分享
- Python selenium使用中遇到的问题总结
- 个人理解数据中台与大数据平台区别
- 电脑系统分区篇8:使用DiskGenius对硬盘分区