2017-07-27 66 views
-1

導航菜單裏面我已經試過這個代碼在導航欄的底部對齊頁腳中。如何可以在底部得到這個,它應響應如何將這個頁腳對齊底部與響應

<div class="sidebar" data-color="green"> 
     <div class="sidebar-wrapper"> 
      <ul class="nav"> 
       /*menu code*/ 
      </ul> 
      <footer class="footer pull-bottom"> 
       /*code*/ 
      </footer> 
     </div> 
     <div class="sidebar-background" style="background-image: url(img.png)"></div> 
    </div> 

enter image description here

+1

您試圖將其添加到側欄?不是頁腳? – Hash

+1

尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**最好在[** Stack Snippet **]中(https://blog.stackoverflow.com/2014/09/introducing-可運行的JavaScript-CSS-和HTML的代碼段/)。請參閱[**如何創建最小,完整和可驗證的示例**](http://stackoverflow.com/help/mcve) –

+0

您的css在哪裏? –

回答

1

這應該將頁腳放在底部。

.footer { 
    position: absolute; 
    bottom: 0; 
} 
+0

它的工作謝謝你...我會接受在5分鐘 – asif

+0

高興地幫助! –