根据设备尺寸,自动调整布局,有bootstrap和foundation等
相当于C#UI里面的容器系统
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-6"> //兼容多个设备,并排写
<p>RUNOOB</p>
</div>
<div class="col-sm-9 col-md-6">
<p>test</p>
</div>
</div>
</div>
bootstrap3支持字体图标Glyphicons,bootstrap4不支持
npm install bootstrap(使用的时候需要css) npm install jquery npm install popper.js (不要安装popper,要带js的)
安装react-bootstrap(react-bootstrap标签自定义,属性和bootstrap相同)
npm install react-bootstrap