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/

Bootstrap 3.0响应式更改和链接

1 个答案: