用bootstrap遇到的问题
来源:互联网 发布:数据库安全性设计 编辑:程序博客网 时间:2024/05/29 16:24
在用bootstrap实现一个响应式页面时,我在导航栏遇到了一个很简单的问题,记录一下,避免以后在犯相同的错误:
我本来想实现的效果是:
浏览器正常的时候:
浏览器缩小了以后:
点击右侧下拉之后:
结果却成了:
找了很久,一直以为是bootstrap-resposive.css这个文件没有引进去,最后才发现这个文件已经引入,而且下面的内容都显示正常,主要是bootstrap-resposive.css文件里控制这个下拉按钮的代码出了问题,他原本的代码是:.navbar.btn-navbar { display: block; },而我的这个button外面并没有一个.navbar的标签,因此我加上了
.navbar.btn-navbar { display: block; } .nav>.navbar-inner>.container>.btn{ display: block;margin-top: 7px; }这样就好了。
阅读全文
0 0
- 用bootstrap遇到的问题
- bootstrap-table遇到的问题
- 使用Bootstrap时遇到的问题
- 使用angularjs ui-bootstrap遇到的问题
- bootstrap项目中遇到的问题
- 使用bower安装bootstrap遇到的问题
- bootstrap开发中所遇到的问题
- 使用BootStrap Inputfile 遇到的问题
- bootstrap开发中遇到的问题
- bootstrap table datailView使用中遇到的问题
- bootstrap datepicker使用中遇到的小问题
- Bootstrap Modal-静态框使用及遇到的问题
- bootstrap jquery table 使用中遇到的问题
- bootstrap遇到的坑 -col
- bootstrap遇到的坑col
- 给予bootstrap的各种模板中可能遇到的下载谷歌字体的问题
- 使用Bootstrap Tabs选项卡Ajax加载数据的实现以及遇到的问题;
- 使用bootstrap-table时遇到的选择分页后又执行查询的问题
- date1206学习java的每日总结
- 设计模式简介
- php参数优化
- 如何在Oracle数据库中使用dbms_output输出内容
- Android逆向之将apk还原成源码工程项目
- 用bootstrap遇到的问题
- Oracle将数据导出到CSV文件
- 系统调用和标准库函数
- STM8L USART串口调试
- 快速理解树的递归遍历方式
- Capstone训练营2017-12-6
- Exception
- Scala语言双重for循环实现打印九九乘法表
- 在SSM框架中出现Field error in object 'xxx' on field 'XXX': rejected value [];错误