覆盖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: ">"; }

Answer 3

引导5：

:root {
    --bs-breadcrumb-divider: '>';
}