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"; 
    }
  }
}