I cannot for the life of me find the following classes which are mentioned from the following link: http://getbootstrap.com/css/#responsive-utilities
The classes in question are these:
.visible-xs-*
.visible-sm-*
.visible-md-*
.visible-lg-*
They are not within the bootstrap.css
file.
Update
Extract of the Bootstrap css file of the version information. I hope it helps narrow things down.
/*!
* Bootstrap v3.3.2 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
Update 2
I just wanted to make sure I'm using the above classes correctly.
<div class="visible-xs-*">This should show on phones only</div>
Is this the correct way in doing it or am I doing it wrong?
remember * at here will be 1 of this:
block
inline
inline-block
As of v3.2.0, the
.visible-*-*
classes for each breakpoint come in three variations, one for each CSS display property value listed below.
Group of classes CSS display
.visible-*-block display: block;
.visible-*-inline display: inline;
.visible-*-inline-block display: inline-block;
example: .visible-xs-block
, .visible-xs-inline
, .visible-xs-inline-block
. see more in table Group of classes http://getbootstrap.com/css/#responsive-utilities
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.