有人知道为什么我的面板不在一排?我希望他们并排不像:
PANEL
PANEL
PANEL
我需要这个:
PANEL | PANEL | PANEL
我正在从mysql创建商品小组。
我需要一行中的所有报价。
我的代码:
http://hastebin.com/inukiyumob.xml
我尝试了谷歌的许多选项,任何不工作或我真的白痴。 ofc i' m ...
我做了太多选择,没有任何工作..
答案 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>
这对我来说很有效,每个面板只有它需要的宽度。