'Bootstrap 3, responsive helper classes, Asteriks

What is the meaning of the asterisk in these classes in Bootstrap 3:

visible-xs-* , visible-sm-* , visible-md-* , visible-lg-*

See here: http://getbootstrap.com/css/#responsive-utilities

I replaced the asterisk with the number of columns (e.g. 5 and 7) - no effect , I also left the asterisk in the HTML element's class, which also didn't work.

csstwitter-bootstrap


Solution 1:[1]

it's means block,inline,inline-block. .visible-xs means , content will be visible for extra small device and visible-xs-block means content will be visible for extra small device and it's display property is block. If you write following code

<div class="visible-xs-block">
   //content
</div>

Then it css will be

    .visible-xs-block{display: block;}

Hope you are clear

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Bir

Related Questions