How do I make the text color responsive on bootstrap?

user_15567103 0
Viewed 161

I am new to designing websites and bootstrap . Here goes my first question- I have created a website using bootstrap. I want a particular text to change it's color from white to black to make it legible when viewed on a mobile phone . Is there anyway I can do that ?

bootstrap-4 css html
1 Answers

Use can make use of the concept of media queries for the same.

Change the width for mobile screen in the below code.

div {
  color: red;
}

@media screen and (max-width: 480px) {
  div {
    color: green;
  }
}
<div>Test</div>

user_65782560
Related