html - Bootstrap 3.0 响应式更改和链接

Question

我在 5 列中有一部分页面是 Bootstrap 响应的。这 5 个部分中的每一个都分为 2 列。这个想法是，当容器响应较小时，5 列中的每一列相互堆叠，2 列相互堆叠：

| [-][---] |  | [-][---] |  | [-][---] |  | [-][---] |  | [-][---] | 
| [-][---] |  | [-][---] |  | [-][---] |  | [-][---] |  | [-][---] | 

变成：

| [-][---] | 
| [-][---] | 
-------------
| [-][---] | 
| [-][---] | 
-------------
| [-][---] | 
| [-][---] | 
-------------
| [-][---] | 
| [-][---] | 
-------------
| [-][---] | 
| [-][---] | 

这很好用。我的问题是，当它是水平的时，我的链接可以工作，但是一旦它变得响应并堆叠，链接就不再存在了。或者，更清楚地说，文本在那里，根据 Chrome 的元素选择器，它在那里，但我不能再点击链接了。这个 JSFiddle http://jsfiddle.net/RRrLw/5/显示了我遇到的问题。

Answer 1

您的段落元素位于链接前面。使用这个 CSS 将链接放在前面：

#associated2 a{
    z-index:9;
    position:relative;
}

JSFiddle：http: //jsfiddle.net/jdwire/uusux/