Question

Minimalexample：

<head>
  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>      
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">  
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <div class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  Action <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
    </ul>
  </div>   
</template>

如果我包含bootstrap jquery / css / js（如示例所示），则下拉列表的工作方式与预期相同。如果我将任何bootstrap less包添加到项目中。例如：

mrt add bootstrap3-less

这个例子不再适用了。 JS被打破，下拉列表不再起作用了。我的问题是为什么会发生这种情况？如果我删除包，一切都像预期的那样。

进一步阅读：我知道我必须包含较少的文件并删除css文件以获得less-mixins的优势。但这不是问题的关键。只需添加包就会破坏下拉列表的功能。

奇怪的行为包括LESS

0 个答案: