Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Bootstrap hide a div when screen is small

Posted on 2014-10-15
4
Medium Priority
?
8,558 Views
Last Modified: 2014-10-15
Hi, I was looking at this:
http://stackoverflow.com/questions/22288823/bootstrap-3-is-there-a-way-to-hide-navbar-text-when-small-screens-are-used

I'm working on: wheelsonmeals.net/responsive/

I want to hide the image within business-header when the screens are sm or xs.

So I have:    <header class="business-header">
        <div class="container">
        <div class="row hidden-xs hidden sm">
       </div>
    </header>

Not working, what do you suggest? Thanks!
0
Comment
Question by:mel200
  • 2
  • 2
4 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40383107
hidden sm should be hidden-sm otherwise it will always be hidden.

Don't see any image in the header
0
 

Author Comment

by:mel200
ID: 40383193
The image is in the second header, css/img/top.jpg.  Thanks for catching that, I've made the change but it still doesn't disappear when the screen size changes.
0
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 40383200
Add the hidden classes to the HEADER tag and you don't need all the extra markup just

<header class="business-header hidden-xs hidden-sm">
</header>
0
 

Author Closing Comment

by:mel200
ID: 40383213
Bingo, thanks! I'm learning every day, glad everyone here is patient with it.
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

885 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question