Nick Solonko Nick Solonko - 4 months ago 8
CSS Question

Why does this hyperlink not work when I use Bootstrap?

Today I started learning how to use bootstrap and implementing it into my website. For some reason, a hyperlink to my youtube channel stopped working. Here is the link to jsbin.

Here is the code that styles and makes the hyperlink:

<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>


Styling:

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


Is there something obvious I am missing? The link does nothing when hovered over.

Answer

Put .row class z-index 0

.row{z-index:0;}
Comments