左侧垂直制表符在jquery mobile中

时间:2014-02-01 15:07:33

标签: jquery html css jquery-mobile

我是jqm的新手,我正在阅读他们的文档。我可以看到只有水平标签。请看http://jsfiddle.net/7wp57/。 jqm中有垂直标签吗?

我尝试了类似的东西,但我并不擅长CSS,有些人请指导我。

.ui-footer-fixed {
    left: 0px;
    right: 0px;
    width: 100%;
    position: fixed;
    z-index: 1000;
    float: left;
}

我需要类似下面的内容

enter image description here

2 个答案:

答案 0 :(得分:1)

导航按钮将根据按钮数量转换为网格布局。

例如,三个按钮包含在div .ui-grid-b中,每个按钮都包含在li中,其中包含.ui-block-a-b& -c。每个块的宽度设置为33%,您只需要覆盖块的宽度并将其设置为100%。

.ui-navbar [class^="ui-block"] {
  width: 100% !important;
}
  

<强> Demo

答案 1 :(得分:-1)

查看此页面有关标签和导航栏的信息:http://view.jquerymobile.com/master/demos/tabs/