Как задать footer в react js bootsrap?

Пользователь

от shayna.buckridge , в категории: JavaScript , 8 месяцев назад

Как задать footer в react js bootsrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ally , 7 месяцев назад

@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, чтобы задать цвет фона и цвет текста соответственно. Внутри футера можно добавить любой контент, например, текст или ссылки на социальные сети.