2017-02-19 5 views
-2

Es gibt einige Inhalte, die ich in meine Fußzeile aufnehmen muss.So entfernen Sie Leerraum von der Unterseite der Fußzeile

Die Fußzeile ist in der Regel nicht in der Lage alle diese informatuion aufzunehmen, und ich ende wie so den Inhalt außerhalb der Grenzen der Fußzeile Rendering-up:


enter image description here


Meine erste Idee war, um die Größe der Fußzeile zu vergrößern, aber nach vielen Versuchen, die .footer, .modal-footer und viele andere Dinge in einer separaten CSS-Datei im Ordner Vermögenswerte zu ändern, funktionierte nichts.

Meine nächste Idee war, eine maßgeschneiderte Fußzeile und kollabieren die Standard-Fußzeile wie so zu erstellen:

<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 --> 

aber dies erzeugt eine Reihe von hässlichen Leerzeichen unter der Fußzeile wie folgt:


enter image description here


letztlich was ich will ist eine Fußzeile wie in der zweiten Bild aber ohne all den weißen Raum darunter - ideal auf eine Art und Weise, die in der Zukunft wartbar ist und andere Bootstrap-Vorlagen ein- und auslagern kann - also ... irgendwelche Ideen?

+1

können Sie eine Geige teilen entfernen? Versuchen Sie es mit Überlauf: Auto-CSS-Regel zu # last-footer. Es ist besser, eine funktionierende Geige zu teilen – user2584538

+0

macht es Sinn, eine Geige zu erstellen? das Problem ist nicht der Code selbst, sondern das Bootstrap-Framework, ist es machbar Bootstrap in eine Geige zu integrieren? –

+0

Natürlich. Hast du es mit dem Überlauf versucht: auto? – user2584538

Antwort

0

dies ist, wie weiß-Raum von der Unterseite der Fußzeile

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