How do I make a footer component in reactstrap?

javascript reactjs bootstrap-4 reactstrap
q3e picture q3e · Aug 27, 2018 · Viewed 8.6k times · Source

I am using reactstrap to build a sticky footer component like this example but I cannot find a dedicated footer component.

The only other way is to just use html: 

<footer class="footer">
  <div class="container">
    <span class="text-muted">Place sticky footer content here.</span>
  </div>
</footer>

The problem is the above is not picking my .footer class. That is a different problem, but for now I just want to know if there is a better way.

Footer is only defined in Cards

Answer

mcssym picture mcssym · Aug 27, 2018
  1. In React we do not use class but className attribute. Normally it'll throw an error.
  2. Your example uses an additional CSS sticky-footer-navbar.css file provide by Bootstrap that is not provide by default with the compiled code. You have to include it by yourself after get it on their source code on Github Sticky Footer Navbar CSS Source Code

Related questions

react button onClick redirect page

I am working on web application using React and bootstrap. When it comes to applying button onClick, it takes me hard time to let my page being redirect to another. if after a href , I cannot go the another page. …

Read More
How to change colors for a button in react-bootstrap?

I know that changing colors is very difficult in react-bootstrap, but I would like to have my button with a color that isn't a primary color. How can I do this in JS/SCSS?

Read More
Cannot convert object to primitive value error in react application?

I'm developing a simple react-spring boot application, but because of a GitHub issue I recreate my application starter files using IntelliJ and installed the node modules using the previous application's package.json file's dependency data. If I use a collapsing …

Read More