Question

Bootstrap 3中这些类中asterix的含义是什么：

visible-xs- *，visible-sm- *，visible-md- *，visible-lg - *

见这里：http://getbootstrap.com/css/#responsive-utilities

我用星号替换了星号（例如5和7） - 没有效果，我也把星号留在HTML元素的类中，这也没有用。

由于

Answer 1

引自同一页面，如下：

从v3.2.0开始，每个断点的.visible - * - *类有三种变体，一种用于下面列出的每个CSS显示属性值。

CSS类组显示

.visible-*-block display: block;

.visible-*-inline display: inline;

.visible-*-inline-block display: inline-block;

因为当您使用这些实用程序时，它只是在display: none和另一个display属性之间切换，您必须指定该结束属性，无论它是block， inline-block或inline

例如：

<div class="visible-xs-block">Visible block-level element on xs screens and up</div>
<div class="visible-sm-inline">Visible inline element on sm screens and up</div>
<div class="visible-lg-inline-block">Visible inline block element on lg screens and up</div>

Answer 2

它意味着块，内联，内联块。 .visible-xs表示内容对于超小型设备可见，visible-xs-block表示内容对于超小型设备可见，并且其显示属性为阻止。如果您编写以下代码

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

然后它将是

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

希望你很清楚

Bootstrap 3，响应式助手类，Asterix

2 个答案: