bootstrap 3：h3标签内的右拉控件

Question

我想在 h3 标记

中包含多个控件

这是我的代码：

with open("filename","r") as f:
    lines = f.readlines()

# This is essentially splitting the lines into 
# locations, latitudes and longitudes and then merges them using zip
# to get a list of tuples
locations = zip(lines[0::3],lines[1::3], lines[2::3])

# Assuming that the userLocation contains user input
userLocation = 'foobar'

# Find the user input in our list
result = [x for x in locations if locations[0] == userLocation]

# Print the matches
for r in results:
    print "Latitude = " + str(r[1]) + "   Longitude = " + str(r[2])

它在Firefox中运行良好，但在Chrome中不行：image

我为此做了plunker。它在firefox中也很好用，但在chrome中不正确。

我如何解决这个问题？

Answer 1

你应该考虑使用Bootstrap的grid system。这应该将html元素保持在正确的位置，具体取决于屏幕宽度（也可以是移动屏幕）

＆＃13;

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

使用列大小调整（col-sx - **）直到您满意为止。