css3 - Twitter Bootstrap 3.1.0: multiple visible-* -


in bootstrap 3.0.3, 1 use multiple visible-* classes explicitly hide content according device width.

unfortunately, release of bootstrap 3.1.0, bugging , content hidden @ wrong width (eg. @ medium size instead of small, despite use of visible-md visible-lg). please see http://bootply.com/109923 demo.

anyone has quick-fix or explanation that?

solutions

  1. quick-fix @natsu: use .hidden-* classes instead

a quick fix instead use .hidden-* classes:

<ul class="hidden-xs hidden-sm">     <li></li> </ul> 

http://jsfiddle.net/52vtd/2135/

it appears .visible-lg overriding .visible-md @ medium breakpoint:

http://linenwoods.com/test.png


Comments

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -