I am trying to apply the following template to my react.js app:

Except for the div with "root" id is extra otherwise I am exactly imitating the bootstrap 5 example given above. However, the footer is not sticking to the bottom.

Looks like this:

What am I doing wrong?

CodePudding user response：

Fixed it by removing the div with id root from index.html.

Changed the index.js to:

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.body
);