Schwimmdock Fußzeilenleiste - versteckt Bootstrap mit

Question

Ich erstelle eine Website mit Bootstrap und ich möchte für die Wahl einer Sprache, Q & etc. Wie

ein schwebendes Fußzeilenleiste haben, aber ich würde eine ‚haben möchten verbergen "Knopf dort.

Es sieht wie folgt aus:

<div id="footer" class="navbar navbar-default navbar-fixed-bottom"> 
 
     <div id="innerFooter" class="container-fluid"> 
 
      <div class="collapse navbar-collapse"> 
 
       <div class="col-xs-6"> 
 
        <a class="btn btn-default " data-toggle="collapse" href="#footer" aria-expanded="true" aria-controls="footer"> 
 
         Hide 
 
        </a> 
 
       </div> 
 
       <div class="col-xs-6"> 
 
       
 
       ...some buttons.. 
 
       
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div>

Ich habe zwei Probleme mit sich:

1. Wenn verstecken ich die Bar, und ich gehe auf eine andere Seite, dass die Bar Pops bis wieder.
2. Wenn ich auf die Schaltfläche ausblenden klicken, tut der erste Versuch nichts alles, aber wenn ich zum zweiten Mal klicke, versteckt sich die Leiste.

Vielen Dank für Ihre Hilfe!

Answer 1

Für das erste Problem:

Sie haben den Zustand der navbar Sichtbarkeit zu speichern ... Wenn Sie es nicht codieren, wie der Browser wissen könnte, wenn es zeigen soll oder nicht die navbar ...?

Für das zweite Problem

Sie wollen kollabieren, aber es gibt keinen Ausgangszustand zurück.

sollten Sie hatte collapse in Klassen Ihr navbar

Bootply: http://www.bootply.com/p1xNGxePan

HTML:

<div id="footer" class="navbar navbar-default navbar-fixed-bottom collapse in"> 
    <div id="innerFooter" class="container-fluid"> 
     <div class="collapse navbar-collapse"> 
      <div class="col-xs-6"> 
       <a class="btn btn-default" data-toggle="collapse" href="#footer" aria-expanded="true" aria-controls="footer"> 
        Hide 
       </a> 
      </div> 
      <div class="col-xs-6"> 

      ...some buttons.. 

      </div> 
     </div> 
    </div> 
</div>