{"id":388,"date":"2015-03-25T23:38:57","date_gmt":"2015-03-25T23:38:57","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=388"},"modified":"2015-03-25T23:38:57","modified_gmt":"2015-03-25T23:38:57","slug":"tooltip-popover","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/tooltip-popover\/","title":{"rendered":"Tooltip &#038; Popover"},"content":{"rendered":"<section class=\"css-section\">\n<h2 class=\"section-title no-margin-top\">Tooltip<\/h2>\n<div id=\"toltips\">\n                    <button type=\"button\" rel=\"tooltip\" class=\"btn btn-default\" data-toggle=\"tooltip\" data-placement=\"left\" title=\"Tooltip on left\">Tooltip on left<\/button><\/p>\n<p>                    <button type=\"button\" rel=\"tooltip\" class=\"btn btn-default\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Tooltip on top\">Tooltip on top<\/button><\/p>\n<p>                    <button type=\"button\" rel=\"tooltip\" class=\"btn btn-default\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Tooltip on bottom\">Tooltip on bottom<\/button><\/p>\n<p>                    <button type=\"button\" rel=\"tooltip\" class=\"btn btn-default\" data-toggle=\"tooltip\" data-placement=\"right\" title=\"Tooltip on right\">Tooltip on right<\/button>\n                <\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse1\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse1\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;button type=&quot;button&quot; rel=&quot;tooltip&quot; class=&quot;btn btn-default&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;left&quot; title=&quot;Tooltip on left&quot;&gt;Tooltip on left&lt;\/button&gt;<\/p>\n<p>&lt;button type=&quot;button&quot; rel=&quot;tooltip&quot; class=&quot;btn btn-default&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;top&quot; title=&quot;Tooltip on top&quot;&gt;Tooltip on top&lt;\/button&gt;<\/p>\n<p>&lt;button type=&quot;button&quot; rel=&quot;tooltip&quot; class=&quot;btn btn-default&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;bottom&quot; title=&quot;Tooltip on bottom&quot;&gt;Tooltip on bottom&lt;\/button&gt;<\/p>\n<p>&lt;button type=&quot;button&quot; rel=&quot;tooltip&quot; class=&quot;btn btn-default&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;right&quot; title=&quot;Tooltip on right&quot;&gt;Tooltip on right&lt;\/button&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<\/section>\n<section class=\"css-section\">\n<h2 class=\"section-title no-margin-top\">Popover<\/h2>\n<div id=\"toltips\">\n                    <button type=\"button\" rel=\"popover\" class=\"btn btn-default\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"left\" data-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"><br \/>\n                      Popover on left<br \/>\n                    <\/button><\/p>\n<p>                    <button type=\"button\" rel=\"popover\" class=\"btn btn-default\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"top\" data-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"><br \/>\n                      Popover on top<br \/>\n                    <\/button><\/p>\n<p>                    <button type=\"button\" rel=\"popover\" class=\"btn btn-default\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Vivamus\n                    sagittis lacus vel augue laoreet rutrum faucibus.\"><br \/>\n                      Popover on bottom<br \/>\n                    <\/button><\/p>\n<p>                    <button type=\"button\" rel=\"popover\" class=\"btn btn-default\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"right\" data-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"><br \/>\n                      Popover on right<br \/>\n                    <\/button>\n                <\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse2\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse2\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;button type=&quot;button&quot; rel=&quot;popover&quot; class=&quot;btn btn-default&quot; data-container=&quot;body&quot; data-toggle=&quot;popover&quot; data-placement=&quot;left&quot; data-content=&quot;Vivamus sagittis lacus vel augue laoreet rutrum faucibus.&quot;&gt;<br \/>\nPopover on left<br \/>\n&lt;\/button&gt;<\/p>\n<p>&lt;button type=&quot;button&quot; rel=&quot;popover&quot; class=&quot;btn btn-default&quot; data-container=&quot;body&quot; data-toggle=&quot;popover&quot; data-placement=&quot;top&quot; data-content=&quot;Vivamus sagittis lacus vel augue laoreet rutrum faucibus.&quot;&gt;<br \/>\nPopover on top<br \/>\n&lt;\/button&gt;<\/p>\n<p>&lt;button type=&quot;button&quot; rel=&quot;popover&quot; class=&quot;btn btn-default&quot; data-container=&quot;body&quot; data-toggle=&quot;popover&quot; data-placement=&quot;bottom&quot; data-content=&quot;Vivamus<br \/>\nsagittis lacus vel augue laoreet rutrum faucibus.&quot;&gt;<br \/>\nPopover on bottom<br \/>\n&lt;\/button&gt;<\/p>\n<p>&lt;button type=&quot;button&quot; rel=&quot;popover&quot; class=&quot;btn btn-default&quot; data-container=&quot;body&quot; data-toggle=&quot;popover&quot; data-placement=&quot;right&quot; data-content=&quot;Vivamus sagittis lacus vel augue laoreet rutrum faucibus.&quot;&gt;<br \/>\nPopover on right<br \/>\n&lt;\/button&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Tooltip Tooltip on left Tooltip on top Tooltip on bottom Tooltip on right Show Code [xml] &lt;button type=&quot;button&quot; rel=&quot;tooltip&quot; class=&quot;btn btn-default&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;left&quot; title=&quot;Tooltip on left&quot;&gt;Tooltip on left&lt;\/button&gt; &lt;button type=&quot;button&quot; rel=&quot;tooltip&quot; class=&quot;btn btn-default&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;top&quot; title=&quot;Tooltip on top&quot;&gt;Tooltip on top&lt;\/button&gt; &lt;button type=&quot;button&quot; rel=&quot;tooltip&quot; class=&quot;btn btn-default&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;bottom&quot; title=&quot;Tooltip on bottom&quot;&gt;Tooltip on bottom&lt;\/button&gt; &lt;button type=&quot;button&quot; rel=&quot;tooltip&quot; class=&quot;btn btn-default&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;right&quot; title=&quot;Tooltip on right&quot;&gt;Tooltip on right&lt;\/button&gt; [\/xml] Popover Popover on left Popover on top Popover on bottom Popover on right Show Code [xml] &lt;button type=&quot;button&quot; rel=&quot;popover&quot; class=&quot;btn btn-default&quot; data-container=&quot;body&quot; data-toggle=&quot;popover&quot; data-placement=&quot;left&quot; data-content=&quot;Vivamus sagittis lacus vel augue laoreet rutrum faucibus.&quot;&gt; Popover on left &lt;\/button&gt; &lt;button type=&quot;button&quot; rel=&quot;popover&quot; class=&quot;btn btn-default&quot; data-container=&quot;body&quot; data-toggle=&quot;popover&quot; data-placement=&quot;top&quot; data-content=&quot;Vivamus sagittis lacus vel augue laoreet rutrum faucibus.&quot;&gt; Popover on top &lt;\/button&gt; &lt;button type=&quot;button&quot; rel=&quot;popover&quot; class=&quot;btn btn-default&quot; data-container=&quot;body&quot; data-toggle=&quot;popover&quot; data-placement=&quot;bottom&quot; data-content=&quot;Vivamus sagittis lacus vel augue laoreet rutrum faucibus.&quot;&gt; Popover on bottom &lt;\/button&gt; &lt;button type=&quot;button&quot; rel=&quot;popover&quot; class=&quot;btn btn-default&quot; data-container=&quot;body&quot; data-toggle=&quot;popover&quot; data-placement=&quot;right&quot; data-content=&quot;Vivamus sagittis lacus vel augue laoreet rutrum faucibus.&quot;&gt; Popover on right &lt;\/button&gt; [\/xml]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=388"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/388\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}