我有一个JSFiddle示例，其中我有2个面板，每个面板包含几个下拉列表和相关标签。现在，面板是一个在另一个上面。如果设备上有足够的空间，我希望两个面板并排放置，一个面板出现在另一个面板上，就像现在一样。
这是标记：
foreachHere是一个JSFiddle链接。
我该怎么做？
我之前从未使用过JSFiddle，所以我希望这也有用......
答案 0 :(得分：2)
最简单的方法：
将<div class="col-sm-6 panel-group">两行替换为def getCpusInfo():
cpuinfos = []
cpuinfo = {}
for line in open('/proc/cpuinfo').readlines():
line = line.strip()
dual = line.split(':')
key = dual[0].replace('\t', '')
if (key == 'processor'):
cpuinfo = {}
cpuinfos.append(cpuinfo)
elif (len(dual)>1):
cpuinfo[key] = trim(dual[1])
return cpuinfos
cpusinfo = getCpusInfo();
print "Model = " + cpusinfo[0]['model name']
print "Quantity = " + str(len(cpusinfo))
print "Cores = " + cpusinfo[0]['cpu cores']
print "Threads = " + cpusinfo[0]['siblings']
。当在一定宽度下（取决于引导程序的配置，默认为768px），两个面板将一个显示在另一个之上。否则，他们是并排的。
网格系统在官方网站here上有解释。一旦你理解了它，你就可以用你的元素做任何你想做的事情，并将它们放在你想要的任何地方。