小编Kei*_*ant的帖子

在bootstrap 3中使用mixins以避免布局结构的非语义标记

我对bootstrap和less都比较新,这是一个测试运行.目标是使用较少的引导类并将它们转换为简单和语义类.我不断收到错误消息,说明.col-sm-12和.col-md-8未定义.

我该如何解决此问题.

    /*less styles file*/

@import "bootstrap.min.css";

@boom: #ea7000;

@screen-sm: ~"(min-width:768px)";
@screen-md: ~"(min-width:992px)";
@screen-lg: ~"(min-width:1200px)";

.tim    {
    height: 200px;
        @media screen, @screen-sm   {
            background-color: black;
            .col-sm-12;
        }
        @media screen, @screen-md{
            background-color: @boom;
            .col-md-8;
        }
}
Run Code Online (Sandbox Code Playgroud)

css less twitter-bootstrap twitter-bootstrap-3

19
推荐指数
2
解决办法
2万
查看次数