Home > Software design >  svg rendered with square behind when bootstrap is imported
svg rendered with square behind when bootstrap is imported

Time:12-30

I am using reactJS bootstrap.

Since I imported bootstrap, squares appeared behind my svg...

enter image description here

does anybody know what are these ? and how can I disable them ? I think I need to override a bootstrap property but don't know which one.

CodePudding user response:

Looks like svg's are wrapped in element. Try removing borders on buttons

button{
  border:none;
}
  • Related