Question

今天我开始学习如何使用bootstrap并将其实现到我的网站中。由于某种原因，我的youtube频道的超链接停止工作。 Here是jsbin的链接。

以下是设置和制作超链接的代码：

<div class="container">
  <div class="row">
    <div class="col-sm-4">
        <p id="welcomep">This is the official website for Mykyta Solonko. Here you will be able to view my latest projects. Click <a target="blank" id="youtubeLink" href="https://www.youtube.com/channel/UCxFqK5m-OljCdLtoa3zRzVg"><strong>here</strong></a>
 to see my youtube channel. </p>
    </div>

  </div>


</div>

样式：

#youtubeLink{
text-decoration: none;
color: white;
}
#youtubeLink:hover{
color: yellow;  
}

有什么东西显而易见我错过了吗？这个链接在盘旋时没有任何作用。

Answer 1

放入.row类z-index 0

.row{z-index:0;}

Answer 2

问题是你的自定义css覆盖了行上的z-index：

row {
    background-color: gray;
    border-radius: 30px;
    border: black 2px solid;
    z-index: -999; //This is causing the issue
    position: relative;
    top: 20px;
}

这来自：https://output.jsbin.com/gowahadibi

不确定是否来自您正在运行的插件？

当我使用Bootstrap时，为什么这个超链接不起作用？

2 个答案: