...
The page hierarchy (path) in regular text, with > as a divider between levels.
The user’s current page at the end of the row in plain text.
The other (parent) pages in the hierarchy as Text Links.
When a breadcrumb line exceeds its container’s width, truncation should occur at the 2nd level of the breadcrumb. The truncation will apply to the next levels as needed, while keeping the first and last levels untruncatednon-truncated.
...
Placement and Positioning
...