个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
提前感谢阅读。
使用 CDN，我将以下 API/库合并到我的元素中:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script>
<link rel="stylesheet/less" type="less" href="custom/main.less"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.4/less.min.js"></script>
我还导入了 jquery 和 less 但没有使用 CDN 来这样做。
我在添加 Jasny Bootstrap(上图)之前使用的 less 文件运行良好；在导入 Jasny 集之前，我的 main.less 文件从 Bootstrap 导入了所有 less 变量和混合宏。 Main.less 看起来像这样:
@import "less/bootstrap.less";
@import "jasny-variables.less";
@navmenu-width: 225px;
当我从 Jasny Bootstrap 实现“Off Canvas”组件时，它也能正常工作；出现 Canvas 外菜单并将所有内容推到右侧。
但是，当我尝试更改一些 Jasny less 变量时(通过将它们添加到我的 main.less 文件 [如上所示]，或者直接在 jasny-variables.less 文件中更改它们 [main.less 从同一目录导入])，我没有看到任何结果。
具体来说，我正在尝试将 @navmenu-width 的值更改为小于默认值。然而，无论我赋予它什么值(value)，在任何一个来源中，它都不会改变。
建议？
最佳答案
如果你想改变 jasny-bootstrap LESS 变量，你需要 download it's source (右侧有“下载 zip”按钮)并将所有 less 文件导入到您的 main.less 文件中。
有 jasny-bootstrap.less包含所有其他文件导入的文件。您需要以完全相同的顺序将所有这些文件包含到您的 main.less 文件中，但在导入 variables.less 之后立即更改任何变量。
或者只导入 jasny-bootstrap.less，并在 @import "variables.less"; 行之后添加任何更改的变量到该文件中。
如果我没理解错的话，你的代码应该是这样的:
index.html:
<head>
<link rel="stylesheet/less" type="less" href="custom/main.less"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.4/less.min.js"></script>
</head>
因为您在这里看不到 bootstrap 或 jasny-bootstrap css 的链接，因为我们在下面的 less 中包含了它。
main.less:
@import "bootstrap/bootstrap.less";//jasny requires bootstrap to be included first
@import "jasny-bootstrap/variables.less";//jasny's variables, which we can overwrite below
//your variables go here
@navmenu-width: 225px;
//the rest of jasny less files below
// Core CSS
@import "grid-container-smooth.less";
@import "button-labels.less";
// Components
@import "nav-tab-alignment.less";
@import "navmenu.less";
@import "alerts-fixed.less";
// Components w/ JavaScript
@import "offcanvas.less";
@import "rowlink.less";
@import "fileinput.less";
//more of your own less directives go here
...
如果你在你的 html 中包含了 jasny-bootstrap.css 然后你在你的 less 中包含了 jasny-bootstrap.less 而没有 jasny 的其余部分 .less 文件，这可能是变量更改未覆盖预渲染 CSS 定义的原因。
jasny-bootstrap 源代码和 .less 文件可以从这里下载: https://github.com/jasny/bootstrap
关于javascript - 预编译器较少的 Jasny Bootstrap - 无法修改较少的变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26194929/
25
4
0
我正在使用Visual Studio 2012和Web Essential 2012，而Less生成的css与预期的不一样 //style.less .selector{ max-heig
我创建了一个基于LESS的小型混合器，用于以标准或视网膜格式输出图像。我无法理解将变量包装在与此相伴的一些CSS URL中-当我编译下面的代码时，我最终得到 url('http://sample.co
有人可以帮助我使用 CSS(less)吗，因为我似乎还不能理解它是如何工作的，我已经通过 node.js 安装了它，但现在如何将它链接到我的代码/网页？ 由于某种原因，选择框没有输出到网页上，因为很可
我知道大多数算术运算只能使用按位运算符( Add two integers using only bitwise operators? 、 Multiplication of two integers
我需要在 less 中选择一个类的第 n 个子元素，而不是计算特定类的元素。例如，给定: 李 li class="skip_this" 李 李 李 我想让第 n 个 child 在计数时跳过 skip
当我单击一个按钮时，我进行了一个 ajax 调用，该调用将不同的 html 代码加载到一个 ID 为“main”的 div 中。我可以毫无问题地显示 html 代码，但我找不到将 css 和 js 代
我正在使用非常有限的 Shell 开发嵌入式 Linux。内置命令非常少。 我想检查 gpio 端口。这适用于以下内容。但它需要很多 CPU/IO - 电源!!所以我想像 sleep 一样得到短暂的休
我是一名优秀的程序员,十分优秀！