{"id":94,"date":"2019-10-09T05:37:40","date_gmt":"2019-10-09T05:37:40","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/chankya\/?page_id=94"},"modified":"2019-10-10T06:55:58","modified_gmt":"2019-10-10T06:55:58","slug":"tabs","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/chankya\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"\n

Takes the basic nav from above and adds the .nav-tabs<\/code> class to generate a tabbed interface. Use them to create tab able regions with our tab JavaScript plugin<\/strong><\/a>.<\/strong><\/p>\n\n\n\n

<ul class=\"nav nav-tabs mb-4\" role=\"tablist\">
    <li class=\"nav-item\">
        <a class=\"nav-link active\" data-toggle=\"tab\" href=\"#tab-1\" role=\"tab\" aria-controls=\"active\" aria-expanded=\"true\">Active<\/a>
    <\/li>
    <li class=\"nav-item\">
        <a class=\"nav-link\" data-toggle=\"tab\" href=\"#tab-2\" role=\"tab\" aria-controls=\"inactive\">Inactive<\/a>
    <\/li>
    <li class=\"nav-item dropdown\">
        <a class=\"nav-link dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">
        Dropdown
        <\/a>
        <div class=\"dropdown-menu\">
            <a class=\"dropdown-item\" href=\"#tab-3\" role=\"tab\" data-toggle=\"tab\" aria-controls=\"dropdown1\">Dropdown tab<\/a>
            <a class=\"dropdown-item\" href=\"#tab-4\" role=\"tab\" data-toggle=\"tab\" aria-controls=\"dropdown2\">Another tab<\/a>
        <\/div>
    <\/li>
<\/ul>
<div class=\"tab-content\">
    <div role=\"tabpanel\" class=\"tab-pane fade show active\" id=\"tab-1\">
        <p> Basic tabs example using <code>.nav-tabs<\/code> class. Also requires base <code>.nav<\/code> class. <\/p>
    <\/div>
    <div class=\"tab-pane fade\" id=\"tab-2\" role=\"tabpanel\">
        <p>This style Should Apply same for all the possible variations of this sections.<\/p>
    <\/div>
    <div class=\"tab-pane fade\" id=\"tab-3\" role=\"tabpanel\">
        <p> Basic tabs example using <code>.nav-tabs<\/code> class. Also requires base <code>.nav<\/code> class.<\/p>
    <\/div>
    <div class=\"tab-pane fade\" id=\"tab-4\" role=\"tabpanel\">
        <p>This style Should Apply same for all the possible variations of this sections.<\/p>
    <\/div>
<\/div><\/pre>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n        <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface. Use them to create tab able regions with our tab JavaScript plugin. <ul class=”nav nav-tabs mb-4″ role=”tablist”> <li class=”nav-item”> <a class=”nav-link active” data-toggle=”tab” href=”#tab-1″ role=”tab” aria-controls=”active” aria-expanded=”true”>Active<\/a> <\/li> <li class=”nav-item”> <a class=”nav-link” data-toggle=”tab” href=”#tab-2″ role=”tab” aria-controls=”inactive”>Inactive<\/a> <\/li> <li class=”nav-item […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":21,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/94"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":1,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/94\/revisions\/96"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}