Jquery мобильного Nav бар на боковую панель

Question

я создал простую липкую Navbar используя следующую ссылку

http://jquerymobile.com/demos/1.2.1/docs/toolbars/docs-navbar.html

Теперь Navbar всегда находится в горизонтальном положении. Я хочу, чтобы navbar располагался вертикально. Есть простой способ сделать это. Я не хочу использовать дополнительные плагины. Простой css или код jquery для размещения навигационной панели, такой как вид списка.

Я пытаюсь достичь навигационной панели, как в этой ссылке

https://www.paultrifa.com/~enabled1/envato/themeforest/side/blue/preview/

С уважением,

Маклин Maurice Pinto

Answer 1

<div data-role="page"> 

    <div data-role="header"> 
    <h1>Page Title</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
    <p>Page content goes here.</p>  

    <fieldset data-role="controlgroup"> 
     <a data-icon="grid" data-role="button" href="#">abc</a> 
     <a data-icon="star" data-role="button" href="#">abc</a> 
     <a data-icon="gear" data-role="button" href="#">abc</a> 
    </fieldset> 
    </div><!-- /content --> 

    <div data-role="footer"> 
    <h4>Page Footer</h4> 
    </div><!-- /footer --> 
</div><!-- /page -->