Question

我不能为我的生活找到以下链接中提到的以下类：http://getbootstrap.com/css/#responsive-utilities

有问题的课程是这些：

.visible-xs-*
.visible-sm-*
.visible-md-*
.visible-lg-*

它们不在bootstrap.css文件中。

更新

提取版本信息的Bootstrap css文件。我希望它有助于缩小范围。

/*!
 * 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 */

更新2

我只是想确保我正确使用上述类。

<div class="visible-xs-*">This should show on phones only</div>

这是正确的做法还是我做错了？

Answer 1

记住*在这里将是1：

block
inline
inline-block

从v3.2.0开始，每个断点的.visible-*-*类都会进入三个变体，每个列出一个CSS显示属性值下方。

Group of classes             CSS display
.visible-*-block             display: block;
.visible-*-inline            display: inline;
.visible-*-inline-block      display: inline-block;

示例：.visible-xs-block，.visible-xs-inline，.visible-xs-inline-block。请参阅表格中的更多信息课程组 http://getbootstrap.com/css/#responsive-utilities

Twitter Bootstrap缺少响应式类

1 个答案: