--- a/client/src/App.js	Mon May 22 14:34:35 2017 +0200
+++ b/client/src/App.js	Mon May 22 17:59:19 2017 +0200
@@ -1,23 +1,50 @@
 import React, { Component } from 'react';
 import logo from './logo.svg';
+import { Grid, Navbar, Jumbotron, Button, Row, Col} from 'react-bootstrap';
 import './App.css';
 import NotesContainer from './components/NotesContainer';
 
 class App extends Component {
   render() {
     return (
-      <div className="App">
-        <div className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <h2>Welcome to React</h2>
-        </div>
-        <p className="App-intro">
-          To get started, edit <code>src/App.js</code> and save to reload.
-        </p>
-        < NotesContainer />
+      <div>
+        <Navbar inverse fixedTop>
+          <Grid>
+            <Navbar.Header>
+              <Navbar.Brand>
+                <a href="/">React App</a>
+              </Navbar.Brand>
+              <Navbar.Toggle />
+            </Navbar.Header>
+          </Grid>
+        </Navbar>
+        <Jumbotron>
+          <Grid>
+            <h1>Welcome to React <img src={logo} className="App-logo" alt="logo" /></h1>
+            <p>
+              <Button
+                bsStyle="success"
+                bsSize="large"
+                href="http://react-bootstrap.github.io/components.html"
+                target="_blank">
+                View React Bootstrap Docs
+              </Button>
+            </p>
+            <p className="App-intro">
+              To get started, edit <code>src/App.js</code> and save to reload.
+            </p>
+          </Grid>
+        </Jumbotron>
+        <Grid>
+          <Row>
+            <Col xs={12} md={12}>
+              < NotesContainer />
+            </Col>
+          </Row>
+        </Grid>
       </div>
     );
   }
 }
 
-export default App;
+export default App;
\ No newline at end of file