css - Bootstrap の @breadcrumb-separator のオーバーライド

Question

一時的に置き換えることは可能だと思いました@breadcrumb-separatorが、残念ながらそのようには機能しません:

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

特定のスコープで変数をオーバーライドすることはできませんか? または.breadcrumb、ミックスインではない問題ですか？

Answer 1

参考までに、 Separator を手動でオーバーライドすることで一時的に問題を解決しました。どうぞ:

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

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

Answer 2

少し短いです。">" の例

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