重写Bootstrap的@breadcrumb-separator

2sbarzqh 于 12个月前发布在 Bootstrap

关注(0)|答案(3)|浏览(121)

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

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

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

3条答案

仅供参考，我暂时解决了我的问题，覆盖分离手动。好了，给你

#detailnavigation {
  .list-inline.related {
    .breadcrumb;
    
    > li+li:before {
      content: "|\00a0"; 
    }
  }
}

再短一点;这里是“>”示例

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

Bootstrap 5：

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