如何正确使用UI的BTN-左和jQuery Mobile的用户界面，BTN-正确的类

Question

如何正确使用UI的BTN-左和UI的BTN-正确的类

这就是我想要的

这就是即时得到

这里是我的jsfiddle

我的代码

<div class="ui-bar ui-bar-b ui-btn-corner-all bar" data-theme="a"> 
    <div class="ui-btn-left" > 
    <a id="btnlogout" href="javascript:void(0);" data-role="button" class="ui-btn-left btnlogout" data-inline="true" data-theme="a">Disconnect</a> 
     <a data-role="button" href="javascript:void(0);" class="imgInfo ui-btn-right" data-mini="true" data-inline="true" style="width:45px;height:45px;" data-theme="a"> </a> 
    </div> 
<div class="ui-btn-right" > 
     <a data-role="button" href="javascript:void(0);" class="imgRefresh" data-mini="true" data-inline="true" style="width:45px;height:45px;" onclick="getunreadmessage();" data-theme="a"></a> 
    </div> 
</div> 

Answer 1

我想也许还有更好的办法。但是，这是一个快速解决方案。您可以添加：

.ui-btn-right { 
    float: right; 
} 

.ui-btn-left { 
    float: left 
} 

和<br style="clear: both" />你<div class="ui-btn-right" >后清除浮动

Updated Fiddle