how to write a css that only can be visible on desktop in bootstrap


Tags: css,twitter-bootstrap,responsive-design

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.



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) {

}

    CSS Howto..

    How manage Divisions in browser resizing

    How to change the included CSS files on button click?

    How to extract icon from picture and display it in page? (by javascript or jquery or css)

    How to find number of style classes defined in a CSS file

    How to fix a footer overlay on main in HTML

    How to make the Draggable element to get visible on top of all the element in the screen while dragging?

    How to document a webpage HTML and CSS using comments [closed]

    How to come back to original state with a toggle button in jQuery?

    How to select the last div in css

    How can I mimic Leaflet.Draw tooltip style with a different tooltip plugin?

    How to mimic Photoshop “Color Overlay” in CSS

    How to avoid HTML element being matched by CSS and reset it?

    How to make image clipping in css

    How to catch div position and reposition it later (on MAC)

    JavaScript how to get this html to read this css and organise my script into the table

    How can I properly display my divs in masonry style using flex?

    How do I remove white space due to position relative of CSS?

    How can I create the shape of side mirrors of a truck/lorry?

    How to add text to different parts of chart made from css, html, and javascript?

    Show Item when Hover Over Parent

    How do I resize the border of the body as the window resizes in CSS

    How to make nav menu fall onto the page?

    How to make round corners to both inside of a box and its border?

    How to add margin-top to Responsive Multi-Level Menu and not effect navigation animation?

    How to display contents of several div tags in a same line

    How to expand wrapper when content is more?(with CSS)

    How to make my phone number bold using css [closed]

    How to access two Ids in one css selector

    How to remove the “Facebook social plugin” text?

    CSS - How to overlap elements over everything but each other? (No margin/padding etc)