css - 页脚中的 Kendo Mobile-UI 导航栏在 Android 皮肤中不可用

标签 css navbar kendo-mobile

我用下面的代码改变了页脚的方向。页脚现在位于页面底部

<style>
    .km-android div.km-view {
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
    }
    .km-android div.km-view {
    -webkit-box-direction: normal;
    }

</style>

当我放置一个数据 Angular 色为 navbar 的 div 时,它在 android 皮肤中不可用,但在 iOS7 皮肤中可见。

我怎样才能让它可用?

<div data-role="layout" data-id="recordDetailLayout">
    <header data-role="header">
        <div data-role="navbar">
            <a data-role="button" data-rel="drawer" href="#rightDrawer" data-icon="Add" style="border: 0" data-align="left"></a>

        </div>
    </header>

            <footer data-role="footer" data-position="fixed">
                <div data-role="navbar">
                    <a data-role="button" data-rel="drawer" href="#rightDrawer" data-icon="a"  style="border: 0"></a>
                    <a data-role="button" data-rel="drawer" href="#rightDrawer" data-icon="b" style="border: 0"></a>
                    <a data-role="button" data-rel="drawer" href="#rightDrawer" data-icon="c"  style="border: 0"></a>
                </div>
            </footer>
</div>

最佳答案

默认情况下,View Title 在 Android 中是隐藏的,主要是因为 NavBar 位于底部。查看如何在我们的 documentation 中显示它.

关于css - 页脚中的 Kendo Mobile-UI 导航栏在 Android 皮肤中不可用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23647950/

相关文章:

javascript - 在模板中访问和迭代 Kendo UI Listview 的数组属性

kendo-ui - 如何在 kendo.data.Datasource 上获取单个结果

CSS 字体在 IE7 和 IE8 中显示不同?

html - 设置三行布局的正确高度尺寸

jquery - 使用 jQuery 调整字体大小的问题

html - 品牌形象好像不是 "responsive"

javascript - 制作一个在页面向下滚动时变得粘滞的导航菜单

javascript - 如何防止导航栏与其他元素重叠

jquery - 如何正确本地化kendo mobile中的字符串?

css - jQuery UI 对话框的自定义样式