小编elv*_*sta的帖子

LESS CSS中的动态变量名称

我已经尝试了一段时间,看着其他答案,但无济于事.希望有人可以帮助我.

我试图在mixin中生成一些动态变量名.

变量已经定义:

@horizontal-default-color: #fff;
@horizontal-inverse-color: #000;
Run Code Online (Sandbox Code Playgroud)

等等..

我想要的mixin是这样的:

.horizontal-variant(@variant) {
    color: @{horizontal-@{@variant}-color}
}
Run Code Online (Sandbox Code Playgroud)

当我打电话时,我期待的结果是:

.horizontal-default{
   .horizontal-variant(~"default");
}
.horizontal-inverse{
   .horizontal-variant(~"inverse");
}
Run Code Online (Sandbox Code Playgroud)

.horizontal-default {color: #fff}
.horizontal-inverse {color: #000}
Run Code Online (Sandbox Code Playgroud)

不幸的是我每次都遇到错误.

我知道这可以做到,我已经看到它被用在Font Awesome LESS中,@{fa-css-prefix}在变量中定义了它.我只是在我的项目中运输相同的解决方案时遇到了麻烦.

您可以尝试在http://lesstester.com/上测试代码

css less

19
推荐指数
1
解决办法
8614
查看次数

Bootstrap 3下拉事件未触发

我试图在BS3.0上运行的这个站点的下拉列表中显示一个显示的事件

http://hmelius.com/avant/index.php

我在控制台(从BS3文档页面)尝试了这段代码,但没有运气

$('.dropdown-toggle').on('shown.bs.dropdown', function () {
  console.log("shown");
});
Run Code Online (Sandbox Code Playgroud)

javascript twitter-bootstrap twitter-bootstrap-3

13
推荐指数
2
解决办法
9205
查看次数