Html Bootstrap 3.0响应性更改和链接

我有一个页面的5列中的一部分是引导响应的。这5个部分中的每一部分都被分成两列。其思想是，当容器响应更小时，5列中的每一列堆叠在彼此的顶部，2列堆叠在彼此的顶部：

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

变成：

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

---

那很好。我的问题是，当它是水平的，我的链接工作，但一旦它成为响应和堆栈，链接不再存在。或者，更清楚地说，根据Chrome的元素选择器，文本在那里，但我不能再点击链接了。这个JSFIDLE显示了我遇到的问题。

您的段落元素位于链接前面。使用此CSS将链接置于前面：

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

---

JSFiddle:

您的段落元素位于链接前面。使用此CSS将链接置于前面：

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

---

JSFiddle:

首先，在你的Fiddle中，你到引导CSS文件的路径是不正确的（我认为你在寻找这个路径），其次，除非我错了，你的Fiddle没有准确地显示你上面所说的问题。我可以点击链接（至少使用Chrome）。你能修好你的提琴，让我们知道你在测试什么浏览器吗？@crazymatt很抱歉，我换了JSFIDLE。实际上，我使用的是3.0版本的引导（

）。我已经在Chrome、Firefox和Safari for PC上进行了测试。你的小提琴似乎不起作用。试试这个：首先，在你的提琴中，你到引导CSS文件的路径是不正确的（我认为你在寻找这个路径），其次，除非我错了，你的提琴没有准确地显示出你上面所说的问题。我可以点击链接（至少使用Chrome）。你能修好你的提琴，让我们知道你在测试什么浏览器吗？@crazymatt很抱歉，我换了JSFIDLE。实际上，我使用的是3.0版本的引导（

）。我已经在Chrome、Firefox和Safari for PC上进行了测试。你的小提琴似乎不起作用。试试这个：太棒了。这就解决了这个问题。现在是学习过程。我假设和元素基本上是“相互重叠的”。是这样吗？我查了一下z-index是什么，得到了它背后的概念。有什么具体的原因吗？我还没有玩过它，但它只是通过尝试和错误吗？@Chester是的，它们彼此领先，而元素居于首位。我选择了9，因为它是最高的一位数。你可以用1。我只是有一个习惯，使用高数字。太棒了。这就解决了这个问题。现在是学习过程。我假设和元素基本上是“相互重叠的”。是这样吗？我查了一下z-index是什么，得到了它背后的概念。有什么具体的原因吗？我还没有玩过它，但它只是通过尝试和错误吗？@Chester是的，它们彼此领先，而元素居于首位。我选择了9，因为它是最高的一位数。你可以用1。我只是有一个习惯，使用高数字。