asked on

Bootstrap / CSS screwed Up

Hello,

Please look at www.rkassoc.org/Lakos_config/basin.php.

Yesterday, this was all working perfectly. Somehow, I screwed it up, the responsiveness at narrow levels is not working AT ALL. Of course I have made some changes.

Specifically:

(1) Narrowing, the circled buttons at the bottom should disappear at < 640; they don't.

(2) It looks like xs is not working at all. The next button disappears, the text in upper portion does not wrap. It's like I have somehow defeated Bootsrtap almost alltogether.

What is wrong?

Thanks

Rob

As per your previous question, did you use the "hidden-xs" class or the other experts media query to have it disappear?

I suspect this new media query that you've added could be overriding bootstrap. It's best to let bootstrap take care of everything to do with the layout.

But that said, it all is working for me. The buttons disappear and the test at the top wraps.

Richard Korts

ASKER

Rob,

What is the bootstrap method of dealing with making those parts invisible at less than 640px width?

I used

@media screen and (max-width: 640px) {
.foo {
display: none;
}
}

and those rows:

<div class="row foo">

Thanks

Richard Korts

ASKER

Rob,

I just checked basin.php.

It now works perfectly, the responsiveness (as it did yesterday).

Is it possible that

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

might have been "out of service" for a while? Or my web host screwed up?

Thanks

Rob

Yes it's possible that the cdn had issues or at some point between your internet connection and the cdn host.

I would strongly advise against incorporating your own media queries. Especially with layout.

Instead of "foo" use "hidden-xs"

Richard Korts

ASKER

So you are saying class hidden-xs means it won't show at xs level?

That's cool.

Can I make it smaller then xs?

Thanks

ASKER CERTIFIED SOLUTION

Rob

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Richard Korts

ASKER

OK, so I see now how to do a lot of "logic" for different (especially xs) levels.