Skip to content

Instantly share code, notes, and snippets.

@gustavlrsn

gustavlrsn/Layout.js

Created May 1, 2017 18:11
Show Gist options
  • Star 20 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save gustavlrsn/509694de7f4ee5a5d720d218b21f288e to your computer and use it in GitHub Desktop.
Save gustavlrsn/509694de7f4ee5a5d720d218b21f288e to your computer and use it in GitHub Desktop.
Download ZIP
Example bootstrap 4 integration into Next.js, with the reactstrap package
Raw
Layout.js
import Head from 'next/head'
import { Container } from 'reactstrap'
const Layout = (props) => (
<div>
<Head>
<title>PairHub</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
</Head>
<Container>
{props.children}
</Container>
</div>
)
export default Layout
@Vadorequest
Copy link

Official Reactstrap Issue about it: reactstrap/reactstrap#870 with workaround explained

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment