Skip to content

Instantly share code, notes, and snippets.

@gaearon

gaearon/App.js Secret

Created August 3, 2016 22:50
Show Gist options
  • Save gaearon/85d8c067f6af1e56277c82d19fd4da7b to your computer and use it in GitHub Desktop.
Save gaearon/85d8c067f6af1e56277c82d19fd4da7b to your computer and use it in GitHub Desktop.
React Bootstrap App.js Example
import React, { Component } from 'react';
import { Grid, Navbar, Jumbotron, Button } from 'react-bootstrap';
class App extends Component {
render() {
return (
<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</h1>
<p>
<Button
bsStyle="success"
bsSize="large"
href="http://react-bootstrap.github.io/components.html"
target="_blank">
View React Bootstrap Docs
</Button>
</p>
</Grid>
</Jumbotron>
</div>
);
}
}
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment