Recent news

Wednesday, 11 May 2016

jQuery Mobile Theme By Using Bootstrap



This pugin design by using for jQuery mobile theam by using bootstrap.  This plugin is very light in weight and easy to use. This theme capable of overriding the existing jQuery Mobile.


How To Use

1. Add the below mention library reference

<link rel="stylesheet" href="themes/Bootstrap.css">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>


2. Use the below html code to perform operation

<div data-role="page" data-theme="a">
    <div data-role="header" data-position="inline">
        <h1>
            jQuery Mobile Bootstrap Theme</h1>
        <div data-role="navbar">
            <ul>
                <li><a href="index.html" data-icon="home" class="ui-btn-active">Home</a></li>
                <li><a href="buttons.html" data-icon="star">Buttons</a></li>
                <li><a href="listviews.html" data-icon="grid">Lists</a></li>
                <li><a href="nav.html" data-icon="search">Nav</a></li>
                <li><a href="forms.html" data-icon="gear">Forms</a></li>
            </ul>
        </div>
    </div>
    <div data-role="content" data-theme="a">
        <a href="https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme" data-role="button"
            data-icon="star">Get the code</a>
        <h2>
            Overview</h2>
        <p>
           Th
        </p>
    </div>
</div>



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles