引导板并排

时间:2014-05-25 07:20:36

标签: html twitter-bootstrap panels

有人知道为什么我的面板不在一排?我希望他们并排不像:

PANEL
PANEL
PANEL

我需要这个:

PANEL | PANEL | PANEL

我正在从mysql创建商品小组。

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

我的代码:

http://hastebin.com/inukiyumob.xml

我尝试了谷歌的许多选项,任何不工作或我真的白痴。 ofc i' m ...

我做了太多选择,没有任何工作..

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

我遇到了完全相同的问题,但不想将我的面板宽度修改为特定的百分比。我希望它们根据内容宽度流动。

我已经有一个容器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>

这对我来说很有效,每个面板只有它需要的宽度。