我正在尝试第一次使用引导程序，到目前为止，它可以正常工作。
但是我在需要较少的媒体查询。http://getbootstrap.com/css/#grid-media-queries
现在我在标题中有这个：
<link rel="stylesheet" type="text/css" href="css/custom.less">
<script type="text/javascript" src="js/less-1.7.4.min.js"></script>
这是较少的文件：
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
background-color: red;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
background-color: green;
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
background-color: blue;
}
我收到以下错误：
Resource interpreted as Stylesheet but transferred with MIME type text/plain: "file:///Users/doekewartena/Downloads/bootstrap-3.2.0-dist/css/custom.less".
与此相关：LESS CSS变量不起作用
我在想什么。不需要在服务器/本地主机上运行吗？如果是，为什么呢？
我使用Chrome浏览器。
它可以用纯JavaScript编写（使用less.js）在客户端/浏览器上运行。阅读有关客户端使用的入门教程。
从该页面复制并粘贴代码，因为您自己编写它是危险的。
常见的错误是：
rel="stylesheet/less"和NOT rel="stylesheet"！我建议使用最简单的方案（一个变量，一个少文件）进行测试。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句