Bootstrap-Links werden auf einem kleinen Bildschirm nicht klickbar

Question

Ich verwende Bootstrap, um eine responsive Website zu entwerfen. Die Links funktionieren gut, wenn das Browserfenster maximiert ist. Aber wenn ich dasselbe auf einem mobilen Fenster teste, werden die Links unclickable.

<div class="container-fluid"> 
    <div class="row" style="text-align:center"> 

     <div class="col-lg-9 pull-right col-md-9 col-sm-9 col-xs-4 pull-right" style="height:150px"> 
     <span id="lines" onclick="openNav()"> </span> 
     </div> 

     <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 content_side"> 
     <div class="col-lg-10 col-md-10 col-sm-10"> 
     <img src="images/logo.png" class="img-responsive" id="img_logo" alt="logo"/> 
     </div> 

     <div class="col-lg-10 col-md-4 col-sm-4"> 
     <ul> 
      <li><a href="pages/a.html"> about </a></li> 
      <li><a href="pages/b.html"> contact </a></li>    
     </ul> 
     </div> 
    </div> 
    </div> 
</div> 



<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8"> 
     <img src="images/home.jpg" class="img-responsive" alt="" id="img1"/> 
     </div> 
     <div class="col-sm-8"> 
     <img src="images/home_img1.jpg" class="img-responsive" alt="" id="img_home1"/> 
     </div> 
     <div class="col-sm-8"> 
     <img src="images/home_img2.jpg" class="img-responsive" alt="" id="img_home2"/> 
     </div> 
     <div class="col-sm-8"> 
     <img src="images/home_img3.jpg" class="img-responsive" alt="" id="img_home3"/> 
     </div> 

     <div class="col-lg-8 col-md-8 col-sm-8 col-xs-11"> 
     <h1 class="home_txt"> Opportunities for start-ups' </h1> 
</div> 

Answer 1

Überprüfen Sie, ob ein anderes Element die Links überlappt. Das Element ist möglicherweise dort, aber nicht sichtbar.