Hello, I am trying to change the color of a text depending on the size of the screen:
echo("<a href='listadoPedidos.php' class='text-lg-light'>Pedidos pendientes: ".$fila['nPedidos']."</a>");
but for some reason it's not working, it's like I don't put anything in the class. do you know why?
I think there are no classes in Bootstrap to change the color of the text according to the size of the device. There are only: text-light, text-success, etc.
You could try with CSS, with the following lines:
These lines make the text color black on large devices (PC, Laptop, Tablets), and the text color white on mobile devices. You can play with the sizes and colors according to your needs.
EDIT: I recommend removing the parentheses from the echo.
text-lg-light
does not exist in the bootstrap repo,text-lg
it is applied as per the getbootstrap - text documentation , and thebtn btn-light
button styles doc style