如何從頁腳底部刪除空格

-2

頁腳通常是無法容納所有這informatuion，我最終渲染頁腳像這樣的範圍之外的內容：

我最初的想法是爲了增加頁腳的大小，但經過多次嘗試將.footer,.modal-footer以及許多其他內容更改爲資產文件夾中的單獨css文件後，沒有任何工作。

我的下一個想法是創建一個定製的頁腳和摺疊默認頁腳像這樣：

<footer class="text-muted well" id="last-footer"> 
     <div class="container"> 
      <p class="footer-text text-muted text-center"> 

       <img src="https://i.stack.imgur.com/ZjO4e.png" alt="Smiley face" height="42" width="42"> 
       <br> 
       <a href="http://www.kigroup.de/impressum.html" class="text-center"> 
        Kontakt | Impressum | Datenschutz 
       </a> 

       <span class="pull-left"> 
        <a href="about.html#drop_us_a_line">Contact Us</a> 
       </span> 

       <span class="pull-right"> 
        {{addYear '©'}} 
       </span> 

      </p> 

     </div> 
</footer> 

<!-- begin: default footer --> 
<div class="footer collapse"> 
</div> 
<!-- end: default footer -->

但這頁腳下創建了一堆難看的空白，像這樣：

最終我想要的是在第二個頁腳圖片但沒有它下面的所有空白空間 - 理想情況下，這種方式在將來可以維護，並且可以交換其他引導程序模板 - 所以......任何想法？

來源

2017-02-19 s.matthew.english

底部取出白色的空間，您可以共享一個小提琴？嘗試使用overflow：auto css規則到＃last-footer。最好共享一個工作小提琴 – user2584538

是否有意義創建一個小提琴？問題不在於它自身的代碼，而是引導程序框架，將bootstrap包含在小提琴中可行嗎？ –

當然。你嘗試過溢出：自動？ – user2584538

這是如何從頁腳

body { 
    padding-bottom: 0px !important; 
    margin-bottom: -40px !important; 
} 
footer.well{ 
    margin-bottom: -20px !important; 
}

來源

2017-02-21 16:24:19

如何從頁腳底部刪除空格

回答

相關問題