导航条在bootstrap中工作在移动设备上的4个页面中的2个.代码对所有人都是一样的
Navbar in bootstrap works on 2 of 4 pages on mobile. Code is the same for all
我个人网站的导航条只适用于移动设备上的4个页面中的2个。它在台式机上运行得非常好。我检查了几次代码,然后我
- 似乎找不到它们之间的任何差异,而
- 无法找到或找出解决方案。
链接到我的网页是www.deepshah.co,我会把HTML代码贴在下面。
工作页面导航条代码:
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">DEEP SHAH</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/index.html">Home</a></li>
<li><a href="/about.html">About Me</a></li>
<!-- <li><a href="/portfolio/">Portfolio</a></li> -->
<li><a href="/photography.html">Photography</a></li>
<!-- <li><a href="#">Blog</a></li> -->
<li class="active"><a href="/contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse-->
</div>
</div>
导航条代码:
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">DEEP SHAH</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/index.html">Home</a></li>
<li><a href="/about.html">About Me</a></li>
<!-- <li><a href="/portfolio/">Portfolio</a></li> -->
<li class="active"><a href="/photography.html">Photography</a></li>
<!-- <li><a href="#">Blog</a></li> -->
<li><a href="/contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse-->
</div>
</div>
非常感谢!
现在可以工作了。我删除了一些冗余的CSS代码。我的CSS文件中有两组导航栏代码,当我删除那些我不再使用的,它工作了。
相关文章:
- 我可以用哪个图表(工具)来绘制“;“云点”;他们所有人之间以力量的纽带分散开来
- 在 Vuejs 中为所有人更改数据
- 将所有Javascript代码包装在IIFE中
- 允许多封电子邮件并发送给所有人的表单
- 以编程方式获取当前页面中的所有javascript代码
- 使用嵌套布局在一个部分中呈现所有 Javascript 代码
- 长轮询,“全局”按钮,向所有人广播
- 谷歌跟踪代码管理器中的代码的 html 代码是否对所有人都可见
- 客户端 Cookie 是否可供所有人访问,服务器端是否有 Cookie
- 如何将.vue文件中的所有css代码放在一个.css文件中
- AngularJS捕获$http操作的所有状态代码
- 如何在代码隐藏中从用户控件中提取所有javascript代码
- 运行完所有其他代码后,将显示模式弹出加载屏幕
- 将字段设置为“0”;显示“;加载表单时除特定用户外的所有人的模式
- 如何打印(在屏幕上)具有外部url的iframe所需的所有JS代码
- Extract-text-webpack-plugin删除所有.js代码
- AngularJS问美元.所有人都开火了
- Yo发电机子发电机不可用.在安装NPM时,它不会拉下所有的代码
- 在香草JS中为所有人重写href 以特定ID开头的对象
- 导航条在bootstrap中工作在移动设备上的4个页面中的2个.代码对所有人都是一样的