Html 响应页面对齐建议

我需要一些帮助与我的网页设计，我正试图做一个响应设计。图中显示了我迄今为止的设计，它可以很好地适应不同设备的变化。 但我想把键盘放在仪表下面，仪表和键盘与天气应用程序平行。但它卡在底部，我不知道如何把它向上移动

这是删除web代码的行布局脚本

量规1
量规2
量规3
天气应用程序
键盘
还没有

由于天气应用程序的高度，它被向下推。天气应用程序必须有一个硬编码宽度，使其比您指定的

col-6

更“瘦”。我建议采取以下措施：

将主要部分分成两半，然后在左半部分内放置一排仪表，并在其下放置一排键盘。在右半部分放置您的天气应用程序

量规1
量规2
量规3
键盘
天气应用程序

效果很好，谢谢，是的，天气应用程序是固定高度的，但从来都不是新的，我可以把一行放在一行中。谢谢你的快速回复