Overriding Bootstrap của @ mẩu bánh mì-tách

Question

tôi nghĩ nó có thể thay thế các @breadcrumb-separator tạm thời, nhưng tiếc là nó không hoạt động theo cách đó:

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

Không phải là nó có thể ghi đè lên một biến trong một phạm vi nhất định? Hoặc là vấn đề mà .breadcrumb không phải là một mixin?

Answer 1

FYI Tôi tạm thời giải quyết được vấn đề của mình bằng cách ghi đè Dấu phân tách theo cách thủ công. Ở đó bạn đi:

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

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

Answer 2

Ngắn hơn một chút; ở đây một ví dụ cho ">"

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