两列彼此相邻

Question

我目前在每个大div旁边都有两个Div，就像这样：

我之所以不使用一行而不是将每一个div作为一个整体，是因为我需要＆＃34; DIV2＆＃34;在移动版本中，在两个其他div之间。

但是DIV1和DIV3之间的大空间会破坏一切，我如何在不丢失想要的布局的情况下移除间距？

HTML代码：

＆＃13;

＆＃13;

b

＆＃13;

＆＃13;

＆＃13;

我使用标准的Bootstrap代码进行样式设计

Answer 1

你可以做的是通过bootstrap提供的类{ "query": { "range": { "doc.createdTime": { "gte": 1483228800000, "lte": 1485907199999 } } }, "size": 0, "aggs": { "by_day": { "date_histogram": { "field": "doc.createdTime", "interval": "604800000ms", "offset": "259200000ms", "format": "yyyy-MM-dd'T'HH:mm:ssZZ", "min_doc_count": 0, "extended_bounds": { "min": 1483228800000, "max": 1485907199999 } } } } } 或pull-left向你的div添加浮点数。这将使DIV3占据大空间。

查看小提琴：

https://jsfiddle.net/80r028jq/1/

Answer 2

div1和div3都应位于同一列中，因此请将它们放在另一个div中，然后您可以使用display:inline-block或display:flex-box;

<div class="fl">
<div class="div1">
<div class="DIV1 col-xs-12 col-sm-8 col-md-8 col-lg-8" />
  <div class="DIV3 col-xs-12 col-sm-8 col-md-8 col-lg-8" />
</div>
  <div class="DIV2 col-xs-12 col-sm-4 col-md-4 col-lg-4" />
</div>

.fl
{
display:flex-box;
}