覆盖 Bootstrap 的 @breadcrumb-separator答案

【问题标题】：Overriding Bootstrap's @breadcrumb-separator覆盖 Bootstrap 的 @breadcrumb-separator
【发布时间】：2013-10-19 15:44:49
【问题描述】：

我认为可以暂时替换@breadcrumb-separator，但不幸的是它不起作用：

#detailnavigation {
  @breadcrumb-separator: "|";
  .list-inline.related {
    .breadcrumb;
  }
}

难道不能覆盖给定范围内的变量吗？还是.breadcrumb不是mixin的问题？

【问题讨论】：

嗨，Jim，我在他们的面包屑的 L15 中看到了 @breadcrumb-separator 变量。无 github.com/twbs/bootstrap/blob/master/less/breadcrumbs.less#L15
抱歉，删除了我的答案，因为我误解了您的问题...不确定是否要在特定 div 中覆盖 LESS 变量，但我会看看是否能找到任何东西 :)

【解决方案1】：

仅供参考，我通过手动覆盖分隔符暂时解决了我的问题。给你：

#detailnavigation {
  .list-inline.related {
    .breadcrumb;

    > li+li:before {
      content: "|\00a0"; 
    }
  }
}

【讨论】：

【解决方案2】：

短一点；这是“>”

的示例

.breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: ">"; }

【讨论】：