Footer nicht richtig funktioniert, wenn jQuery Mobile verwenden und Bootstrap zusammen

hier Link:Footer nicht richtig funktioniert, wenn jQuery Mobile verwenden und Bootstrap zusammen

https://jsfiddle.net/Beginner_at_programming/73n4ez7q/

<!DOCTYPE html> 
    <title>F-CropSap</title> 

<body> 

    <div data-role="page" id="home" data-theme="a"> 

     <div data-role="header" data-position="fixed"> 

      <h1>jQuery Mobile</h1> 

     </div> 

     <div data-role="content"> 
      <div class="container"> 
       <div class="row" align="center"> 
        <div> <h5 align="center" id="headlabel"> </h5> </div><br /> 

        <div id="todoItems"> 
        </div> 
       </div> 
      </div> 
     </div> 

     <div data-role="footer" data-position="fixed"> 
      <h1>jQuery Mobile</h1> 
     </div> 

    </div> 

</body>

Ich bin nicht in der Lage, um herauszufinden, welche CSS-Teil I dieses feinen Kommentar zu arbeiten. Ich möchte, dass meine Fußzeile unten fixiert wird. Kann jemand vorschlagen, was zu tun ist?

Vielen Dank im Voraus

Quelle

2016-05-12 beginner at programming

Sie Position fixiert Eigenschaft hinzufügen können, machen die Fußzeile

Fest

https://jsfiddle.net/73n4ez7q/1/

<!DOCTYPE html> 
    <title>F-CropSap</title> 

<body> 

    <div data-role="page" id="home" data-theme="a"> 

     <div data-role="header" data-position="fixed"> 

      <h1>jQuery Mobile</h1> 

     </div> 

     <div data-role="content"> 
      <div class="container"> 
       <div class="row" align="center"> 
        <div> <h5 align="center" id="headlabel"> </h5> </div><br /> 

        <div id="todoItems"> 
        </div> 
       </div> 
      </div> 
     </div> 

     <div data-role="footer" data-position="fixed" style="position:fixed;"> <!-- Edit --> 
      <h1>jQuery Mobile</h1> 
     </div> 

    </div> 

</body>

Quelle

2016-05-12 12:59:31 AVI

wow! es funktioniert. Danke für Ihre Hilfe –

@beginneratprogramming könnten Sie diese Antwort als die akzeptierte machen? :) – AVI

wie kann ich es tun? –

Footer nicht richtig funktioniert, wenn jQuery Mobile verwenden und Bootstrap zusammen

Antwort

Verwandte Themen