Lesson 23 - Menus
LEARN
Office Hours
- Half-way point -- Check your grades
- If you need help please attend office hours
- Connect in person of via zoom
- Check the Canvas page for details
- Wednesday Lab Session 2:30-3:20 in Kepner 0090
Reading for Today
- Read 3.7 Styled band web page
- Follow Reading Schedule
Today
- Bootstrap Website
- Bootstrap Components
Bootstrap Navs
- Use class "nav" on list
- Use class "nav-item" on each list item
- Use class "nav-link" on each link element
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Profile</a>
</li>
</ul>
BUILD
Bootstrap Website
- Visit the Bootstrap website
- Navbar
- Examples
- Explore and apply
W3Schools
Validator
Developer Tools
- Use Developer Tools in Browser to debug CSS
Bootstrap Demo
- Demo Code
- Study code so that you can reproduce these results
- See Bootstrap Demo on Server
- See Navbar on Server
- See Page Template on Server