Bootstrap Navbar Challenge

HTML/CSS -- Level 2


  • HTML:
    • Create a section tag
    • Follow the bootstrap class structure:
      • i.e. container, row, col-md-*
      • Hint: the first navbar is a col-md-12, the next two are half that size
    • Copy the Bootstrap Default Navbar html and paste it in your columns
    • Change the "Brand" to a bootstrap glyphicon
  • CSS:
    • Give the section a grey background
    • Use different background colors for all the navbars
    • Change the font colors and hover actions for the links