JQuery Mobile Navbar가 괴롭힘

Question

JQM을 사용하여 Navbar를 만들려고 할 때 시스템에서 그리드에 불필요한 &nbsp을 추가하면 navbar가 이상하게 보입니다.

JQM 1.4.5 및 Jquery 1.11.2를 사용하고 있습니다.

코드 :

<div id="home" data-role="page"> 
    <h1>Content</h1> 
    <div data-role="footer"> 
    <div data-role="navbar"> 
     <ul> 
     <li><a href="#" class="ui-btn-active">One</a></li> 
     <li><a href="#">Two</a></li> 
     </ul> 
    </div><!-- /navbar --> 
    </div> 
</div> 

브라우저 :

이를보고 같은 문제가있는 사람들을 위해

Answer 1

: 당신이 JQuery와 모바일 데모에서 위젯 코드를 복사 할 경우, 브라우저에서 볼 수있는 태그 사이에 공백이 있습니다. 삭제하면 다시 정상적으로 보입니다.

Answer 2

어쩌면 당신의 CSS로 인해 두 번째 탭이 날려 버린 것처럼. 디스플레이를 사용하여 시도해보십시오 : 인라인 블록 또는 부동 한 항목을 올바르게 정렬하십시오.