how to write a css that only can be visible on desktop in bootstrap
css, responsive-design, twitter-bootstrap
Solution
Here: the power of media queries:
@media only screen and (min-width: 960px) and (max-width: 1079px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
Problem
I rewrote a declaration ``` .navbar .nav { top:30px; } ``` on the my css file, but I only want this declaration can be responded on desktop view, not in the phone veiw. How do I to write correctly? thank your help.