Question

我遇到了尝试使用hidden-xs和visible-xs- *来解决问题的问题。甚至可以这么简单：

    <div class="hidden-xs">
        test test test
    </div>

即使使用该代码，我也可以缩小到最小的窗口，但它仍然不会消失。我正在使用LESS编译版本，但我还没有改变任何变量。有人有什么想法吗？

另外，在一个有点相关的问题中，我尝试在我的mystyles.less中使用“@media（min-width：@ screen-sm-min）”媒体查询，这是导入到我的bootstrap.less但我的前-processor（koala）不喜欢变量@ screen-sm-min。它给了我错误：

NameError: variable @screen-sm-min is undefined in C:\Users\Shawn\Dropbox\GPLndscapes wordpress\less\mystyles.less:18:19
17 
18 @media (min-width: @screen-sm-min){
19     .navbar .navbar-nav {

我是如何设置错误的，或者是考拉？

Answer 1

问题是我使用的LESS发行版（我从getbootstrap.com下载的发行版）没有隐藏和可见的css。我通过使用dist文件夹中的bootstrap.css发现它有效。

我查看了LESS文件，它有这一行：

@border-image: port "responsive-utilities.less";

我继续说道：

@import "responsive-utilities.less";

现在它有效，任何人都知道@ border-image：port是什么以及为什么他们会使用它而不是标准导入？我不愿意删除它，因为我不知道它的作用，我想知道他们是否因为某种原因使用了它。

同样是@ screen-sm-min的问题我只想说Koala只查看那个少一个文件，并且没有看到它被导入到一个大的bootstrap文件中。我会尝试其他预处理器，希望能有更好的运气。

在视口断点之间切换内容的问题

1 个答案: