Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →
menu_book Course Curriculum (W3.CSS) expand_more
Core Classes
w3-container w3-panel w3-card w3-button w3-bar w3-badge w3-tag w3-table
Layout
w3-row w3-col w3-half w3-third w3-rest w3-content w3-auto w3-cell
Visual Utilities
w3-red color w3-hover-color w3-border w3-round w3-shadow w3-padding w3-margin w3-opacity
Components
w3-modal w3-dropdown-hover w3-sidebar w3-responsive table w3-display-container w3-progressbar pattern w3-mobile w3-hide-small
W3.CSS / Core Classes

w3-bar

Learn w3-bar in W3.CSS with a focused explanation, a topic-specific example, and a mastery check.

12 min read • Beginner
w3css-005.html
html 
<div class="w3-bar w3-dark-grey"><a class="w3-bar-item w3-button" href="#home">Home</a><a class="w3-bar-item w3-button" href="#reports">Reports</a></div>
What to watch
Content source & attribution
Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

w3-bar Mastery Check →
← PREVIOUS
w3-button
NEXT →
w3-badge