使用bootstrap在zk 7中打破日期框

Question

当我在zk 7 bootstrap中使用datebox时需要帮助，日期框位置不在右侧位置如何解决问题，如下图所示？

这是我的zul文件代码：

<div> 
        <hlayout width="50%"> 
         <datebox  width="200px"/>         
         <textbox id="txtFind" width="200px" top="10px" />   
         <button id="find"      width="50px" height="25px" src="/img/Find24.png"    tooltiptext="Find Record"/>
        </hlayout>
    </div>   

Answer 1

尝试增加hlayout的宽度：

    <hlayout width="70%">