Float

 

float-left float-l-right float-m-left float-s-right

Floating element

Navigation

 

Navigation (jds-nav)

Navigational patterns help users move between pages and situate themselves in a application.

We can declayer list's as Navigation by adding CSS class jds-nav


Navigation Horizontal

Nav / Horizontal

 

Nav / Horizontal / Icon Only

 
Code View
 
 

Nav Center

We can move nav item's center, left and right by using nav-justify-center, nav-justify-left, nav-justify-right class with jds-nav

 
 
 

Navigation Horizontal

Nav / Horizontal / Text Only

 
Code View
 

Navigation Sizes

Nav / Horizontal / Size xxl

 

Nav / Horizontal / Size xl

 

Nav / Horizontal / Size l

 

Nav / Horizontal / Size m

 

Nav / Horizontal / Size s

 

Nav / Horizontal / Size xs

 

Nav / Horizontal / Size xs

 
 

Nav / navbar-responsive

JDS
 

Nav / Navbar Responsive / Dropdown

JDS