React-FlexBox-Gridの使い方 - QiitaReact-FlexBox-Gridはflexgrid.css用のdivを生成するreact componentです。 CSS Modulesという実装方法を取っています。 webpackを使う場合、css-loaderを一緒に使う必要があります。 Component 次の三つのコンポーネントがあります Grid Row Col 使い方はbootstrap3と大体同じです。実装にCSS flexible boxを使っています。 Gridの中にRowを置きます。 Rowの中にColを置きます。 Colにxs={6}のように、幅を設定します。 例 const React = require('react') const ReactDOM = require('react-dom') const {Grid, Row, Col} = require('react-flexbox-grid');
