|
1
|
1 |
import React, { Component } from 'react'; |
|
|
2 |
import logo from './logo.svg'; |
|
2
|
3 |
import { Grid, Navbar, Jumbotron, Button, Row, Col} from 'react-bootstrap'; |
|
1
|
4 |
import './App.css'; |
|
|
5 |
import NotesContainer from './components/NotesContainer'; |
|
|
6 |
|
|
|
7 |
class App extends Component { |
|
|
8 |
render() { |
|
|
9 |
return ( |
|
2
|
10 |
<div> |
|
|
11 |
<Navbar inverse fixedTop> |
|
|
12 |
<Grid> |
|
|
13 |
<Navbar.Header> |
|
|
14 |
<Navbar.Brand> |
|
|
15 |
<a href="/">React App</a> |
|
|
16 |
</Navbar.Brand> |
|
|
17 |
<Navbar.Toggle /> |
|
|
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> |
|
1
|
45 |
</div> |
|
|
46 |
); |
|
|
47 |
} |
|
|
48 |
} |
|
|
49 |
|
|
2
|
50 |
export default App; |