Elm Bootstrap Navbar menu for Bell Template

Nav.elm

navigation : Model -> Html Msg
navigation model =
    Navbar.config NavbarMsg
        |> Navbar.lightCustomClass "navbar-inverse"
        |> Navbar.withAnimation        
        |> Navbar.collapseSmall
        |> Navbar.container 
        |> Navbar.brand [ href "/" ] [ 
            img [ alt "", src "img/logo-nav.png" ][]
        ]
        |> Navbar.items
            [ Navbar.itemLink (linkAttrs AboutR) [ text "About" ]
            , Navbar.itemLink (linkAttrs ScheduleR) [ text "Schedule" ]
            , Navbar.itemLink (linkAttrs InstructorsR) [ text "Instructors" ]
            , Navbar.itemLink (linkAttrs ContactR) [ text "Contact" ]
            ]
        |> Navbar.customItems [ socialMenu ]
        |> Navbar.view model.navbarState