reactjs #twitter-bootstrap #bootstrap-5
#reactjs #twitter-bootstrap #bootstrap-5
Вопрос:
Я пытаюсь применить следующий шаблон к своему react.js приложение: Sticky footer Bootstrap 5
Разметка в моем приложении выглядит так: 
За исключением того, что div с идентификатором «root» является дополнительным, в противном случае я в точности имитирую пример bootstrap 5, приведенный выше. Однако нижний колонтитул не прилипает к нижней части.
Выглядит так: 
Что я делаю не так?
Комментарии:
1. Вы хотите, чтобы нижний колонтитул находился в нижней части вашего браузера (причина в этом случае работает)? или в нижней части вашего текущего приложения?
2. Простите меня. Я хочу точное поведение, как в шаблоне липкого нижнего колонтитула bootstrap 5, где нижний колонтитул прикреплен к нижней части страницы. Нижний колонтитул в моем приложении находится не внизу, а в середине страницы, когда в представлении приложения нет содержимого.
3. Можете ли вы опубликовать фрагмент кода, чтобы увидеть, что происходит не так?
4. Поделитесь своим кодом
Ответ №1:
Исправлено путем удаления div с идентификатором root из index.html .
Изменен index.js чтобы:
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.body
);