定义footer的方式和定义header方式基本一样，有三种方式

  1定义公共的footer

   也就是所有panel默认的footer，需要在div id="afui">内部，也就是和<div id="content">同一级的位置添加一个div，并且ID必须是navbar

 例如：   

<div id="navbar">
                <a href="#home" id=‘navbar_home‘ class=‘icon home‘>home</a>
                <a href="#sketch" id=‘navbar_pencil‘ class=‘icon pencil‘>Sketch</a>
                <a href="#picture" id=‘navbar_picture‘ class=‘icon picture‘>Picture</a>
 </div>

 2自定义footer有两种方式和自定义header有些类似

   第一种在div id="afui">内部，也就是和<div id="content">同一级的位置添加一个footer
 标签，并且命名id。

          然后再需要这个footer的panel添加一个属性data-footer="custom_footer"

例如：

<div id="afui">
<div id="content">
    <div class="panel" id="panel1" data-footer="myfooter">
        <h3>panel contents</h3>
    </div>
 </div>
<footer id="myfooter">
    <h1>Custom footer</h1>
    <a class="button" style="float:left;" class="icon home"></a>
</footer>
</div>

例如：

<div id="afui">
<div id="content">
    <div class="panel" id="panel1">
        
        <footer>
            <h1>Custom Footer</h1>
            <a class="button" style="float:left;" class="icon home"></a>
        </footer>
 
        <h3>Panel content </h3>
    </div>
</div>
</div>

官方文档参考，定义公共的footer

官方文档：自定义footer

使用jqMobi开发app基础：定义footer