基础 6 按钮组扩展不工作答案

【问题标题】：Foundation 6 Button Group Expanded Not Working基础 6 按钮组扩展不工作
【发布时间】：2016-05-19 12:03:51
【问题描述】：

我正在使用启用了 flexbox 的 Foundation 6 Zurb 模板，并且按钮组的扩展功能不起作用。

当我添加扩展类时，最后一个按钮将不会填充最后一个空间，而是下降到左侧的下一行。文本不再是内联的，按钮的宽度也不一样了。

<div class="expanded button-group">
  <a class="button">Expanded</a>
  <a class="button">Button</a>
  <a class="button">Group</a>
</div>

知道有什么问题吗？天呐！

【问题讨论】：

【解决方案1】：

它适用于基础6.2.1，您使用的是哪个版本？

【讨论】：

感谢 Shoaib，如果我将确切的代码放入我的构建中，它将无法正常工作。我相信我正在使用 6.2.1（3 周前通过 CLI 下载）。 bower.json 文件有以下代码：“dependencies”：{“foundation-sites”：“~6.2.0”，“motion-ui”：“~1.2.2”}，。你知道我是否可以通过 CLI 更新 Foundation 6 Zurb 模板版本吗？如果是这样，知道怎么做吗？ Tnx！
将 foundation-sites": "~6.2.0" 更改为 foundation-sites": "~6.2.1" 并运行 bower update 并再次检查是否有效。
不确定它是否真的更新了任何东西，并且按钮组扩展问题没有改变。有人说6.2.0之前的'~'表示自动更新到最新版本。 bower 缓存 github.com/zurb/foundation-sites.git#6.2.1 bower 验证 6.2.1 针对 github.com/zurb/foundation-sites.git#~6.2.1 bower 缓存 github.com/jquery/jquery-dist.git#2.2.4 bower 验证 2.2.4 针对 github.com/jquery/jquery-dist.git#~2.2.0 bower install foundation-sites#6.2.1