小编lio*_*ade的帖子

Bootstrap导航栏 - 只能在<a>标签内单击图像的填充(?)

我使用Twitter的Bootstrap框架创建了一个页面; 问题出在导航栏上.

我有2个徽标,每个图像都嵌套在一个锚标记中.折叠导航栏时,链接工作正常,但在展开时(在桌面分辨率下),您无法单击图像; 看看检查器中的元素,似乎发生的事情是图像以某种方式位于锚标签的"顶部",这样您就可以单击图像周围的填充,但不能单击图像本身.

这是我的代码:

    <div class="navbar navbar-inverse navbar-static-top">
      <div class="navbar-inner">
        <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" style="padding:0px;" href="<?=getRequestProtocol()?>://<? echo curHost(); ?>"><img src="/images/HailStrikeGraphics/hs_header_logo_black.png" width="190px" /></a>
      <a class="brand" style="padding:0px;" href="http://www.stormdamagecenter.org"><img src="/images/nsdc_coin.png" /></a>
        <!-- Everything you want hidden at 940px or less, place within here …
Run Code Online (Sandbox Code Playgroud)

css hyperlink navbar responsive-design twitter-bootstrap

0
推荐指数
1
解决办法
942
查看次数