equal
deleted
inserted
replaced
1 import React, { Component } from 'react'; |
1 import React, { Component } from 'react'; |
2 import logo from './logo.svg'; |
2 import logo from './logo.svg'; |
|
3 import { Grid, Navbar, Jumbotron, Button, Row, Col} from 'react-bootstrap'; |
3 import './App.css'; |
4 import './App.css'; |
4 import NotesContainer from './components/NotesContainer'; |
5 import NotesContainer from './components/NotesContainer'; |
5 |
6 |
6 class App extends Component { |
7 class App extends Component { |
7 render() { |
8 render() { |
8 return ( |
9 return ( |
9 <div className="App"> |
10 <div> |
10 <div className="App-header"> |
11 <Navbar inverse fixedTop> |
11 <img src={logo} className="App-logo" alt="logo" /> |
12 <Grid> |
12 <h2>Welcome to React</h2> |
13 <Navbar.Header> |
13 </div> |
14 <Navbar.Brand> |
14 <p className="App-intro"> |
15 <a href="/">React App</a> |
15 To get started, edit <code>src/App.js</code> and save to reload. |
16 </Navbar.Brand> |
16 </p> |
17 <Navbar.Toggle /> |
17 < NotesContainer /> |
18 </Navbar.Header> |
|
19 </Grid> |
|
20 </Navbar> |
|
21 <Jumbotron> |
|
22 <Grid> |
|
23 <h1>Welcome to React <img src={logo} className="App-logo" alt="logo" /></h1> |
|
24 <p> |
|
25 <Button |
|
26 bsStyle="success" |
|
27 bsSize="large" |
|
28 href="http://react-bootstrap.github.io/components.html" |
|
29 target="_blank"> |
|
30 View React Bootstrap Docs |
|
31 </Button> |
|
32 </p> |
|
33 <p className="App-intro"> |
|
34 To get started, edit <code>src/App.js</code> and save to reload. |
|
35 </p> |
|
36 </Grid> |
|
37 </Jumbotron> |
|
38 <Grid> |
|
39 <Row> |
|
40 <Col xs={12} md={12}> |
|
41 < NotesContainer /> |
|
42 </Col> |
|
43 </Row> |
|
44 </Grid> |
18 </div> |
45 </div> |
19 ); |
46 ); |
20 } |
47 } |
21 } |
48 } |
22 |
49 |