Html 调整浏览器大小时如何使div不中断

伙计们，我在这个设置中有三个

div

：我不确定你是否熟悉这个引导css，但我应该试试：

<div class="row-fluid">
   <div class="span4"> A graph here </div>
   <div class="span4"> A graph here </div>
   <div class="span4"> A graph here </div>
</div>

<div class="row-fluid">
   <div class="span4"> Another graph here </div>
   <div class="span4"> Another graph here </div>
   <div class="span4"> Another graph here </div>
</div>

这里有一张图表
这里有一张图表
这里有一张图表
这里是另一个图表
这里是另一个图表
这里是另一个图表

span4将使三个div按比例适合整个页面。所以位置是，这三个图形将彼此并排放置在最上面的div中，下面还有三个图形

---

我的问题是，当我调整浏览器窗口的大小时，这些图形将垂直地彼此位于下方，就像它们现在有自己的容器一样。如何制作这些图形，保持它们并排的位置？

您可以执行以下操作：

<div class="row-fluid">
   <div class="third"> A graph here </div>
   <div class="third"> A graph here </div>
   <div class="third"> A graph here </div>
</div>

<div class="row-fluid">
   <div class="third"> Another graph here </div>
   <div class="third"> Another graph here </div>
   <div class="third"> Another graph here </div>
</div>

---

你需要像这样把他们放在沙发上-

<div class="row">
  <div class="col-xs-4">
    graph1
  </div>
  <div class="col-xs-4">
    graph2
  </div>
  <div class="col-xs-4">
    graph3
  </div>
</div>

图1
图2
图3

每行div加起来应该是12，以完全填充该行。其中

col-X

位于

div类=

上，表示div将垂直堆叠而不是水平堆叠的时间。因此，如果您有

col-sm-4

，您的div将垂直堆叠在引导“小”分辨率介质查询上。通过将它们设置为

col-xs-4

，每行将在小分辨率上保持水平

也可以查看这些资源

---

您似乎正在使用旧版本的引导（2.3）。你能更新到3.1吗？当调整页面大小时，不是“行流体”使div处于下方吗？你应该改变这一点。只尝试“行”而不是“行流体”不，删除行流体也不起作用。不是wid bs…自定义方法是：当bs3可以用现有代码处理它时，为什么要创建一个新类？

<div class="row">
  <div class="col-xs-4">
    graph1
  </div>
  <div class="col-xs-4">
    graph2
  </div>
  <div class="col-xs-4">
    graph3
  </div>
</div>