引导面板并排

Question

有人知道为什么我的面板不在一行吗?我想让它们并排，而不是像

PANEL
PANEL
PANEL

我需要这个:

PANEL | PANEL | PANEL

我正在从mysql创建报价面板。

我需要所有的报价在一行。

我代码:

http://hastebin.com/inukiyumob.xml

我从谷歌尝试了很多选项，任何不工作或我真的是白痴。离岸金融中心我…

我做了太多的选项，任何一个都不起作用

Answer 1

我认为你应该忍受你的div类.row超出循环' while '。在循环内只留下col-lg-5 col-md-5 col-sm-5类div。对于每次迭代，您将在一行中获得新的panel。

Answer 2

我刚刚遇到了完全相同的问题，但不想将面板的宽度固定为特定的百分比。我想让它们根据它们的内容宽度流动。

我已经在列div周围包装了一个容器div。只需要应用一点CSS…

.admin > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
}

这是HTML .

<div class="admin">
  <div class="panel panel-default">
    <div class="panel-heading">Panel 1</div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">Panel 2</div>
  </div>
</div>

这对我来说工作得很好，每个面板只有它需要的宽度