无法在 Bootstrap 2 页面上的导航栏中单击链接 [英] Link isn't clickable within my navbar on Bootstrap 2 page

问题描述

谁能建议为什么第一个链接不可点击&使用 Bootstrap 2 链接到我网站页眉中的索引页 - 与品牌"类的链接当前不可点击，也不能链接到主页

关于如何修复的任何建议?

<div class="容器"><div class="navbar-header"><a class="brand" href="/"><img src="/images/logo.png" id="logo"></a><a class="btn btn-navbar btn-warning navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-main"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a><!-- 此行下方的额外 html 内容...-->

解决方案

这是使导航栏容器位于图像顶部的 clearfix 类.

从这行代码中删除 clearifx 后:

没关系.您可能只需要稍微重新定位徽标.

更多关于clearfix class

Can anyone suggest why the first link isn't clickable & link to the index page within my header on my site using Bootstrap 2 - the link with the 'brand' class currently isn't clickable nor does it link to homepage

Any advice on how to fix?

<div class="navbar" role="navigation">
<div class="container">
 <div class="navbar-header">
   <a class="brand" href="/"><img src="/images/logo.png" id="logo"></a>
   <a class="btn btn-navbar btn-warning navbar-toggle"  data-toggle="collapse" data-target="#navbar-collapse-main">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
   </a>
<!-- extra html content below this line... -->

解决方案

It's the clearfix class which made the navbar container sit on the top of your image.

After removing clearifx from this line of code:

<div class="nav-collapse collapse clearfix" id="navbar-collapse-main">

it's OK. You just might need to reposition the logo slightly.

More about clearfix class

这篇关于无法在 Bootstrap 2 页面上的导航栏中单击链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！