鏈接不工作在引導xs

Question

我重複下面的div使用引導3創建一個縮略圖井網格。問題是錨鏈接不能在xs上工作（無論是按鈕或圖像鏈接），但他們做在sm，md和lg上工作。

<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
    <div class="thumbnail" style="height:520px;"> 
    <a href="/movies/4539/burnt-offerings-1976"><img src="https://s.ynet.io/assets/images/movies/burnt_offerings_1976/medium-cover.jpg" alt="Burnt Offerings"></a> 
    <div class="caption"> 
     <h5>Burnt Offerings</h5> 
     <dl class="dl-horizontal hidden-xs"> 
     <dt>Year</dt><dd>1976</dd> 
     <dt>Rating</dt><dd>6.5</dd> 
     <dt>Runtime</dt><dd>1:56</dd> 
     </dl> 
     <p><a href="/movies/4539/burnt-offerings-1976" class="btn btn-primary btn-sm btn-block">Download</a></p> 
    </div> 
    </div> 
</div> 

Answer 1

你ul.pager是覆蓋所有的元素對col-xs因此，爲什麼沒有什麼是可以點擊的。

這裏有一個想法：

您ul.pager添加z-index: 1;並在您<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">添加其他類，你可以鉤住這樣<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 item">做.item { position: relative; z-index: 2; }