render() {
    return (
      <div>
        <Navbar>
          <Navbar.Header>
            <Navbar.Brand>
              <Link to="/">L & Z Wedding</Link>
            </Navbar.Brand>
            <Navbar.Toggle />
          </Navbar.Header>
          <Navbar.Collapse>
            <Nav>
              <NavItem eventkey={1}>
                <Link to="/">Our Story</Link>
              </NavItem>
              <NavItem eventkey={2}>
                <Link to="/wedding">Wedding</Link>
              </NavItem>
              <NavItem eventkey={3}>
                <Link to="/homies">Wedding Party</Link>
              </NavItem>
              <NavItem eventkey={3}>
                <Link to="/pics">Photos</Link>
              </NavItem>
              <NavItem eventkey={4}>
                <Link to="/rsvp">RSVP</Link>
              </NavItem>
            </Nav>
          </Navbar.Collapse>
        </Navbar>
        {this.props.children}
      </div>
    );
  }
// render the navigation menu & inner content
render the navigation menu & inner content
render the navigation menu & inner content
render() {
    return (
      <div>
        <Navbar>
          <Navbar.Header>
            <Navbar.Brand>
              <Link to="/">L & Z Wedding</Link>
            </Navbar.Brand>
            <Navbar.Toggle />
          </Navbar.Header>
          <Navbar.Collapse>
            <Nav>
              <NavItem eventkey={1}>
                <Link to="/">Our Story</Link>
              </NavItem>
              <NavItem eventkey={2}>
                <Link to="/wedding">Wedding</Link>
              </NavItem>
              <NavItem eventkey={3}>
                <Link to="/homies">Wedding Party</Link>
              </NavItem>
              <NavItem eventkey={3}>
                <Link to="/pics">Photos</Link>
              </NavItem>
              <NavItem eventkey={4}>
                <Link to="/rsvp">RSVP</Link>
              </NavItem>
            </Nav>
          </Navbar.Collapse>
        </Navbar>
        {this.props.children}
      </div>
    );
  }
render ( ) { return ( < div > < Navbar > < Navbar . Header > < Navbar . Brand > < Link to = "/" > L & Z Wedding < / Link > < / Navbar . Brand > < Navbar . Toggle / > < / Navbar . Header > < Navbar . Collapse > < Nav > < NavItem eventkey = { 1 } > < Link to = "/" > Our Story < / Link > < / NavItem > < NavItem eventkey = { 2 } > < Link to = "/wedding" > Wedding < / Link > < / NavItem > < NavItem eventkey = { 3 } > < Link to = "/homies" > Wedding Party < / Link > < / NavItem > < NavItem eventkey = { 3 } > < Link to = "/pics" > Photos < / Link > < / NavItem > < NavItem eventkey = { 4 } > < Link to = "/rsvp" > RSVP < / Link > < / NavItem > < / Nav > < / Navbar . Collapse > < / Navbar > { this . props . children } < / div > ) ; }
render the navigation menu & inner content
render the navigation menu & inner content