css - 覆盖 Bootstrap 的 @breadcrumb-separator

Question

我认为可以@breadcrumb-separator暂时更换，但不幸的是它不能那样工作：

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

是否可以覆盖给定范围内的变量？还是.breadcrumb不是mixin的问题？

Answer 1

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

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

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

Answer 2

短一点；这是“>”的示例

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