switch开关放在header里，样式出错

        <header class="mui-bar mui-bar-nav mui-bar-nav-bg">  
            <a id="icon-menu" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
            <div class="mui-switch mui-switch-mini mui-active">  
              <div class="mui-switch-handle"></div>  
            </div>  
            <input type="checkbox" name="switch" lay-skin="switch" lay-text="实际进度|计划进度" lay-filter="scheduleType" checked>  
            <button type="button" id="btnAppearance" class="mui-btn mui-btn-primary mui-btn-outlined mui-pull-right">面貌查询</button>  
            <button type="button" id="btnSimulation" class="mui-btn mui-btn-success mui-btn-outlined mui-pull-right">施工模拟</button>  
        </header>