@shayna.buckridge
В React JS с использованием Bootstrap можно задать footer, используя компоненты Bootstrap. Вот пример кода:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
import React from 'react'; import { Container, Row, Col } from 'react-bootstrap'; function App() { return ( <div> <Container fluid> <Row> <Col> {/* Основной контент приложения */} </Col> </Row> </Container> <footer className="bg-dark text-white"> <Container fluid> <Row> <Col> <p>Текст футера</p> </Col> </Row> </Container> </footer> </div> ); } export default App; |
В этом примере мы использовали компоненты Container
, Row
, и Col
из react-bootstrap
для создания основного контента приложения, а затем добавили футер в конце. Футер создан с помощью стандартного тега footer
HTML и классов Bootstrap bg-dark
и text-white
, чтобы задать цвет фона и цвет текста соответственно. Внутри футера можно добавить любой контент, например, текст или ссылки на социальные сети.