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/