覆盖Bootstrap @ breadcrumb-separator

Question

我认为暂时替换@breadcrumb-separator是可能的，但遗憾的是它不会那样：

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

是否有可能覆盖给定范围内的变量？或者问题.breadcrumb不是混合？

Answer 1

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

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

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

Answer 2

有点短;这里是“＆gt;”

的示例

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