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によっておそらく引き起こされたように、2番目のタブが吹き飛ばされていることがあります。 display：inline-blockを使うか、浮動小数点数を使ってみて、それらの項目を正しく整列させてみてください。