jQuery Mobile에서 서브 푸터를 사용하는 방법

Question

data-role = "footer"를 사용했지만 해당 파란색 막대 아래 두 개의 링크를 바닥 글의 일부로 사용하고 싶습니다.

<div data-role="footer" class="footer" id="ftrMain" name="ftrMain" data-position="fixed"> 
    &copy; 2011 Probity Investigations 
</div> 
<div data-role="footer" id="subfooter" name="subfooter" > 
    <div style="float: left;"> 
     <a href="../../agents/index.php" rel="external">Full Site</a> 
    </div> 
    <div style="float: right;"> 
     <a href="logout.php" rel="external">Logout</a> 
    </div> 
</div> 

그런 다음이를 아래쪽으로 수정하고 싶습니다. data-theme = "c"로 두 번째 꼬리말을 만들려고했지만 꽤 일치하지 않습니다. 기본적으로이 같은

:

http://i.stack.imgur.com/sfl6g.png

Answer 1

사진과 같이하지만 어쩌면 당신이 그것으로 재생할 수있는 정확 하.

라이브 예 : navbars에 http://jsfiddle.net/gN5Fy/20/

문서 : http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/docs-navbar.html

Answer 2

이 마침내 그것을 고정 :

<div data-role="footer" class="ui-bar" data-position="fixed"> 
<a href="../../agents/index.php" rel="external" data-role="button">Full Site</a> 
<a style="float:right; margin-right:25px;" href="logout.php" rel="external" data-role="button">Logout</a> 
<div style="margin: 0 auto; width: 230px; bottom: 30px; position: relative;">&copy; 2011 Probity Investigations</div> 
</div>