響應頁面對齊意見

我需要一些幫助，我的網頁設計，我試圖做一個響應deign。該圖顯示了我的設計到目前爲止，它可以很好地適應不同的設備。但我想要將儀表板和儀表板和鍵盤與天氣應用程序平行放置。但其堅持下來的底部，我不知道如何得到它上升響應頁面對齊意見

這是移除了網頁代碼的行佈局的腳本。

<div class="row"> 
 
\t <div class="col-2"> 
 
     Gauge1 
 
\t </div> 
 
\t <div class="col-2"> 
 
     Gauge2 
 
\t </div> 
 
\t <div class="col-2"> 
 
     Gauge3 
 
\t </div> 
 
\t <div class="col-6"> 
 
    weather App 
 
\t </div> 
 
</div> 
 
<div class="row"> 
 
\t <div class="col-4"> 
 
     KEY Pad 
 
\t </div> 
 
\t <div class="col-8"> 
 
     nothing yet 
 
\t </div> 
 
</div>

來源

2017-03-16 user2669997

它被推因爲天氣應用的高度了。天氣應用程序必須有一個硬編碼的寬度，使得它比您指定的col-6「更瘦」。我會建議做一些類似的事情：

將主要部分分成兩半，然後在左半部分內放置一排量表，然後在一排鍵盤下方。在右側的一半地方你的天氣應用程序。

<div class="row"> 
 
    <div class="col-6"> 
 
    <div class="row"> 
 
     <div class="col-4"> 
 
     Gauge1 
 
     </div> 
 
     <div class="col-4"> 
 
     Gauge2 
 
     </div> 
 
     <div class="col-4"> 
 
     Gauge3 
 
     </div> 
 
    </div> 
 
    <div class="row"> 
 
     <div class="col-12"> 
 
     KEY Pad 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="col-6"> 
 
    weather App 
 
    </div> 
 
</div>

來源

2017-03-16 23:43:31 haxxxton

這偉大的工作的感謝，是天氣應用程序是固定的高度，但從來沒有新的我可以把排，一排。感謝您及時的回覆 – user2669997

響應頁面對齊意見

回答

相關問題