问题切换视口断点内容

我遇到了试图让hidden-xs和visible-xs- *工作的问题。即使是一些简单：问题切换视口断点内容

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

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

另外，在一个有点相关的问题中，我尝试在我的mystyles.less中使用“@media（min-width：@ screen-sm-min）”媒体查询，它被导入到我的bootstrap.less中，但是我的预处理器（考拉）不喜欢变量@ 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 {

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

来源

2014-09-01 shellwe

您是否确定导入了完成该工作所需的所有样式？您需要提供一个工作示例，以便我们看到问题所在。创建一个jsfiddle或显示将重新创建错误的最小HTML页面。 – Elmer 2014-09-01 19:48:59

您使用的是什么版本的less.js/lessc？ – cvrebert 2014-09-02 04:22:28

另外，什么版本的Bootstrap？ – cvrebert 2014-09-02 04:22:56

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

我看着在LESS文件，它有这样一行：

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

我继续补充说：

@import "responsive-utilities.less";

而现在它的工作原理，任何人有任何想法@边框图像：端口是做的，为什么他们会使用它而不是标准的导入？我不愿意删除它，因为我不知道它是什么，我想知道他们是否使用它，而不是出于某种原因。

此外，与@ screen-sm-min的问题我只是想说考拉只查看那少一个文件，并没有看到它被导入到一个大的引导文件。我会尝试其他预处理器，希望有更好的运气。

来源

2014-09-03 23:27:02 shellwe

问题切换视口断点内容

回答

相关问题