{"id":978,"date":"2016-10-04T02:09:06","date_gmt":"2016-10-04T02:09:06","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=978"},"modified":"2023-12-28T08:56:17","modified_gmt":"2023-12-28T08:56:17","password":"","slug":"show-tabs-content-views","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/show-tabs-content-views\/","title":{"rendered":"Show tabs with Content Views"},"content":{"rendered":"<p>Tab can help to organize your content. Here is an example:<\/p>\n<div class=\"pt-cv-wrapper\">\n<ul class=\"nav nav-tabs\" style=\"margin-left:0\">\n<li class=\"active\"><a data-toggle=\"tab\" href=\"#tab1\" >Tab 1<\/a><\/li>\n<li><a data-toggle=\"tab\" href=\"#tab2\">Tab 2<\/a><\/li>\n<li><a data-toggle=\"tab\" href=\"#tab3\">Tab 3<\/a><\/li>\n<\/ul>\n<div class=\"tab-content\">\n<div class=\"tab-pane active\" id=\"tab1\">\n            Content 1\n        <\/div>\n<div class=\"tab-pane\" id=\"tab2\">\n            Content 2\n        <\/div>\n<div class=\"tab-pane\" id=\"tab3\">\n            Content 3\n        <\/div>\n<\/p><\/div>\n<\/div>\n<hr>\n<p>You can show tabs easily with Content Views by using below HTML code:<\/p>\n<pre style=\"font-size:13px\">\n&lt;div class=&quot;pt-cv-wrapper&quot;&gt;\n    &lt;ul class=&quot;nav nav-tabs&quot;&gt;\n        &lt;li class=&quot;active&quot;&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#tab1&quot; &gt;\n            Heading 1\n        &lt;\/a&gt;&lt;\/li&gt;\n        &lt;li&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#tab2&quot;&gt;\n            Heading 2\n        &lt;\/a&gt;&lt;\/li&gt;\n        &lt;li&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#tab3&quot;&gt;\n            Heading 3\n        &lt;\/a&gt;&lt;\/li&gt;\n    &lt;\/ul&gt;\n    &lt;div class=&quot;tab-content&quot;&gt;\n        &lt;div class=&quot;tab-pane active&quot; id=&quot;tab1&quot;&gt;\n            Content 1\n        &lt;\/div&gt;\n        &lt;div class=&quot;tab-pane&quot; id=&quot;tab2&quot;&gt;\n            Content 2\n        &lt;\/div&gt;\n        &lt;div class=&quot;tab-pane&quot; id=&quot;tab3&quot;&gt;\n            Content 3\n        &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n<\/pre>\n<p>This is an useful utility to organize content in your WordPress site.<\/p>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tab can help to organize your content. Here is an example: Tab 1 Tab 2 Tab 3 Content 1 Content 2 Content 3 You can show tabs easily with Content Views by using below HTML code: &lt;div class=&quot;pt-cv-wrapper&quot;&gt; &lt;ul class=&quot;nav nav-tabs&quot;&gt; &lt;li class=&quot;active&quot;&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#tab1&quot; &gt; Heading 1 &lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#tab2&quot;&gt; Heading 2 &lt;\/a&gt;&lt;\/li&gt; &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/show-tabs-content-views\/\"> <span class=\"screen-reader-text\">Show tabs with Content Views<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[],"doc_tag":[],"class_list":["post-978","docs","type-docs","status-publish","hentry"],"year_month":"2026-09","word_count":188,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=978"}],"version-history":[{"count":1,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/978\/revisions"}],"predecessor-version":[{"id":5496,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/978\/revisions\/5496"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=978"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=978"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}