我想控制HTML中的几个框。
图片由引导程序库制作。
我想要如果添加更多框，则这些框的位置很灵活。
我的引导程序库代码如下。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-md-3">
<div class="well">
<h4 class="text-danger"> New Users </h4>
<h4 class="text-danger">New Users<span class="label label-danger pull-right">- 9%</span></h4>
</div>
</div>
<div class="col-md-3">
<div class="well">
<h4 class="text-success"><span class="label label-success pull-right">+ 3%</span> Returning </h4>
</div>
</div>
<div class="col-md-3">
<div class="well">
<h4 class="text-primary"><span class="label label-primary pull-right">201</span> Sales </h4>
</div>
</div>
<div class="col-md-3">
<div class="well">
<h4 class="text-success"><span class="label label-success pull-right">+ 24%</span> Pageviews </h4>
</div>
</div>
<div class="col-md-3">
<div class="well">
<h4 class="text-success"><span class="label label-success pull-right">+ 24%</span> Pageviews </h4>
</div>
</div>
<div class="col-md-3">
<div class="well">
<h4 class="text-success"><span class="label label-success pull-right">+ 24%</span> Pageviews </h4>
</div>
</div>
<div class="col-md-3">
<div class="well">
<h4 class="text-success"><span class="label label-success pull-right">+ 24%</span> Pageviews </h4>
</div>
</div>
<div class="col-md-3">
<div class="well">
<h4 class="text-success"><span class="label label-success pull-right">+ 24%</span> Pageviews </h4>
</div>
</div>
<div class="col-md-3">
<div class="well">
<h4 class="text-success"><span class="label label-success pull-right">+ 24%</span> Pageviews </h4>
</div>
</div>
</div><!--/row-->
</div><!--/col-12-->
</div><!--/row-->
</body>
</html>
谁知道这是解决方案？或有用的库？
最佳答案
按照下面的教程中提到的步骤
https://www.sitepoint.com/bootstrap-tabs-play-nice-with-masonry/
因为它以响应速度应用于引导程序布局。
关于javascript - HTML中的几个框控件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38496173/