Este team redactor ha pasado mucho tiempo investigando para dar resolución a tus preguntas, te compartimos la respuesta y nuestro deseo es resultarte de mucha apoyo.
Ejemplo: reactboostrap navbar responsive
importReactfrom'react'importBrowserRouterasRouter,Switch,Route,
useParams,from"react-router-dom";importNavbar,Nav,NavDropdown,Form,FormControl,Buttonfrom'react-bootstrap'importHomefrom'./Home';importAboutUsfrom'./AboutUs';importContactUsfrom'./ContactUs';classBootstrapNavbarextendsReact.Componentrender()return(<div><div className="row"><div className="col-md-12"><Router><Navbar bg="dark" variant="dark" expand="lg" sticky="top"><Navbar.Brand href="#home">ReactBootstrapNavbar</Navbar.Brand><Navbar.Toggle aria-controls="basic-navbar-nav"/><Navbar.Collapse id="basic-navbar-nav"><Nav className="mr-auto"><Nav.Link href="/">Home</Nav.Link><Nav.Link href="/about-us">ContactUs</Nav.Link><Nav.Link href="/contact-us">AboutUs</Nav.Link><NavDropdown title="Dropdown" id="basic-nav-dropdown"><NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item><NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item><NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item><NavDropdown.Divider/><NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item></NavDropdown></Nav><Form inline><FormControl type="text" placeholder="Search" className="mr-sm-2"/><Button variant="outline-success">Search</Button></Form></Navbar.Collapse></Navbar><br /><Switch><Route exact path="/"><Home/></Route><Route path="/about-us"><AboutUs/></Route><Route path="/contact-us"><ContactUs/></Route></Switch></Router></div></div></div>)exportdefaultBootstrapNavbar;
valoraciones y comentarios
Más adelante puedes encontrar las referencias de otros programadores, tú todavía eres capaz insertar el tuyo si dominas el tema.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)