import React, { Component } from 'react'
import styled from 'styled-components'
import {
    Navbar, Nav, NavItem, NavLink,
} from 'reactstrap';
import { LinkContainer } from 'react-router-bootstrap'

const Uppercase = styled.span`
    text-transform: uppercase;
    letter-spacing: 1.5px;
`

class Footer extends Component {

    render() {
        return (
            <div style={{ marginTop: "2rem" }}>
                <Navbar dark color="dark" expand="md">
                    <Nav navbar>
                        <span className="navbar-text">
                            &copy; 2017, We Pick Heroes
                        </span>
                    </Nav>
                </Navbar>
            </div>
        );
    }
}

export default Footer

import React, { Component } from 'react'
import styled from 'styled-components'
import {
    Navbar, Nav, NavItem, NavLink,
} from 'reactstrap';
import { LinkContainer } from 'react-router-bootstrap'

const Uppercase = styled.span`
    text-transform: uppercase;
    letter-spacing: 1.5px;
`

class Footer extends Component {

    render() {
        return (
            <div style={{ marginTop: "2rem" }}>
                <Navbar dark color="dark" expand="md">
                    <Nav navbar className='ml-auto' />
                    <span className="navbar-text">
                        &copy; 2017, We Pick Heroes
                    </span>
                </Navbar>
            </div>
        );
    }
}

export default Footer

Move footer to right side
Move footer to right side
