3

react と material-ui を使用してマテリアル デザイン アプリを開発するためのレスポンシブ グリッド システムを実装する方法を探しています。this
をReact-Bootstrap持っていますが、Material-UI に似たものは見つかりませんでした。GridListは便利ですが、まったく同じではありません。そのための解決策はありますか？

4

4 に答える 4

2

react-inline-grid ( http://broucz.github.io/react-inline-grid/ ) がこの問題の良い解決策になるようです。

このライブラリの背後にある概念は、Bootstrap グリッド システムの背後にある概念に非常に近く、インライン スタイリングを使用します。

于 2016-05-26T07:48:58.813 に答える
2

material-ui のインラインスタイリングを使用するのではなく、 Material-UI でブートストラップを使用しています。それはうまく機能し、シンプルです。ここに例があります。

<div className="Container">
<button className="btn btn-primary"> Action</button>
<div className="row">

     <div className="col-sm-4">
           <ReactAutoForm collection={DoctorCategories} type="insert" debug={true} />
      </div>

      <div className="col-sm-8">
            <table><TableHeader><TableRow>
                                        <TableHeaderColumn>Name</TableHeaderColumn>
                                        <TableHeaderColumn>Description</TableHeaderColumn>
                                        <TableHeaderColumn>Edit</TableHeaderColumn>
                                    </TableRow>
      </TableHeader>
      <TableBody>
</TableBody>
 </TableBody>
                            </table>
                            </div>

</div>
</div>
于 2016-05-19T18:05:30.763 に答える