Bootstrap 4: Can't Change Card Header Properties

user_4241779 0
Viewed 5671

In the style.css, I have set

.card-header {
  background-color: transparent; 
  border-color: transparent;
}

and changed

<div class="card-header" style="background-color: transparent; border-color: transparent;">
    <div class="card-title">about</div>
</div>

to

<div class="card-header">
    <div class="card-title">about</div>
</div>

But it still outputs

card-header

What could be preventing this from changing? I know the style.css is placed properly because I can change other properties such as 

.card-text {
padding: 2% 2% 2% 2%;
}

and those changes go into effect.

twitter-bootstrap css html
3 Answers

you can use like this : 

<div class="card-header bg-purple">
user_60334180

you can try it I hope it will be work for you. if it does not work please clear your browser cache :

.card-header {
  background-color: transparent !important; 
  border-color: transparent !important;
}
user_129581790
Related