How to Use CSS Naming Rules Basic Styles Components
Elements
Button Input Radio&Checkbox On-off Select Datetimepicker Dropdown
Layout
Grid Form
Data Display
Tab Table Pagination Badge Process
Feedback
Dialog Message Tooltip PopConfirm Loader
Other
Breadcrumb SideNav
I18N

Breadcrumb

Basic

ONE
/
TWO
/
THREE

ONE
TWO
THREE

W3C
/
CSS 
	<div class="z-breadcrumb">
		<a href="">ONE</a>
		<div class="z-divider">/</div>
		<a href="">TWO</a>
		<div class="z-divider">/</div>
		<a class="current">THREE</a>
	</div>

	<div class="z-breadcrumb">
		<a href="">ONE</a>
		<div class="z-divider">></div>
		<a href="">TWO</a>
		<div class="z-divider">></div>
		<a class="current">THREE</a>
	</div>

	<div class="z-breadcrumb">
		<i class="fa fa-th-large"></i>
		<a href="">W3C</a>
		<div class="z-divider">/</div>
		<a class="current">CSS</a>
	</div>

Size

ONE
/
TWO
/
THREE

ONE
/
TWO
/
THREE

ONE
/
TWO
/
THREE 
    <div class="z-breadcrumb">
        ...
    </div>

    <div class="z-breadcrumb large">
        ...
    </div>

    <div class="z-breadcrumb larger">
        ...
    </div>

Color

ONE
/
TWO
/
THREE

ONE
/
TWO
/
THREE

ONE
/
TWO
/
THREE

ONE
/
TWO
/
THREE

ONE
/
TWO
/
THREE 
    <div class="z-breadcrumb green">
        ...
    </div>

    <div class="z-breadcrumb red">
        ...
    </div>

    <div class="z-breadcrumb teal">
        ...
    </div>

    <div class="z-breadcrumb yellow">
        ...
    </div>

    <div class="z-breadcrumb purple">
        ...
    </div>