Using bootstrap cards as a hyperlink

Question

I have a bootstrap card Which is used as a link.

Trying to wrap it with changes all of the styling of the card.

Answer 1

Its because tags has a default blue color from user agent browser. Try to add a class to the link and set color:inherit to that class

a.custom-card,
a.custom-card:hover {
  color: inherit;
}

  
  

    
Normal card
    
Some quick example text to build on the card title and make up the bulk of the card's content.
  



  

    
    

      
Wrapped with a tag
      
Some quick example text to build on the card title and make up the bulk of the card's content.