Zwingende Bootstrap des @ Brotkrümel Scheider

Question

Ich dachte, es ist möglich, die @breadcrumb-separator vorübergehend zu ersetzen, aber leider ist es nicht so funktionieren:

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

Ist es nicht möglich, eine Variable in einem bestimmten Umfang zu überschreiben? Oder ist das Problem, dass .breadcrumb kein Mixin ist?

Answer 1

FYI Ich löste vorübergehend mein Problem durch Überschreiben des Separators manuell. Da gehst du:

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

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

Answer 2

Ein bisschen kürzer; hier ein Beispiel für ">"

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