1

嘿，我对 bootstrap 比较陌生，正在尝试将 bootstrap 响应式 css 导入我的 style.less 文件。

IE

@import "css/bootstrap-responsive.css";

然后我应用以下

#menu, #sub-menu {
.span2;
color: @bodydarker1;
height: 100%;
min-height: 100%;
padding: 1%;
}

并.span2;出现在 bootstrap-responsive.css 但是当我检查页面时它给了我消息..

    .span2 is undefined
in style.less on line 26, column 2:

现在，如果我将红色应用于 bootstrap-responsive.css 中的主体，它会渲染得很好，但是当我在类中调用它时.span2，它会说它是未定义的。为什么会这样？

如果我.span2在 html 中添加一个可以工作的类，但是在较少的文档上导入时应用到一个 id 不会。

4

1 回答 1

2

确保导入 .less 文件而不是 .css。您可以导入 .css，我只建议始终使用 .less 文件。在导入 .css 而不是 .less 时，您可能会遇到更多问题。

看起来您的 .LESS 代码结构有点不正确。尝试替换这个：

#menu, #sub-menu {
.span2;
color: @bodydarker1;
height: 100%;
min-height: 100%;
padding: 1%;
}

有了这个：

#menu, 
#sub-menu {
    .span2 {
        color: @bodydarker1;
        height: 100%;
        min-height: 100%;
        padding: 1%;
    }
}

编辑：

如果您尝试在自定义 #menu id 下访问 .span2 ，那么您必须在引导程序中查看它在哪个命名空间下（如果它在命名空间下），然后进行相应调整。

例子

#bootstrap {
    #lists {
        .span2 {
            // some span2 stuff
        }
    }
}

#menu, 
#sub-menu {
    #bootstrap > #lists > .span2;

    color: @bodydarker1;
    height: 100%;
    min-height: 100%;
    padding: 1%;
}
于 2013-03-11T17:25:06.887 回答