kvkv
commented
5 years ago I got the solution, I copied from bootstrap exactly. I forgot to remove '//' for comments. The comments are looking like scss comments. So responsive was not working. I changed the comment lines to / /. It is working fine.
I am using bootstrap4. I am using my own styles in style.css file. Added media queries in style.css, but the media queries are not working whichever added in my style.css. Bootstrap4 media queries are working.
In Chrome Development tool styles tab shows .scss files, I am not using scss files of bootstrap ,using only .css files. But I can't understand how the scss files are coming.
How to activate the media queries in style.css
I am adding media queries below whichever added in my style.css file.
// Large devices (desktops, less than 1200px) @media (max-width: 1199.98px) { body{background:yellow}; }
// Medium devices (tablets, less than 992px) @media (max-width: 991.98px) { body{background:red}; }
// Small devices (landscape phones, less than 768px) @media only screen and (max-width:767.98px) { body{background:pink}; }
// Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { body{background:gray}; }