{"id":392,"date":"2014-10-21T10:52:02","date_gmt":"2014-10-21T10:52:02","guid":{"rendered":"http:\/\/ordasvit.com\/wp-human\/?page_id=392"},"modified":"2014-10-21T10:52:02","modified_gmt":"2014-10-21T10:52:02","slug":"labels-and-badges","status":"publish","type":"page","link":"https:\/\/ordasvit.com\/wp-human\/?page_id=392","title":{"rendered":"Labels and Badges"},"content":{"rendered":"<h3>Labels<\/h3>\r\n\r\n<span class=\"label label-default\">Default<\/span>\r\n<span class=\"label label-primary\">Primary<\/span>\r\n<span class=\"label label-success\">Success<\/span>\r\n<span class=\"label label-info\">Info<\/span>\r\n<span class=\"label label-warning\">Warning<\/span>\r\n<span class=\"label label-danger\">Danger<\/span>\r\n\r\n<br><br>\r\n\r\n\r\n<div id=\"accordion1\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapseOne\" data-toggle=\"collapse\" data-parent=\"#accordion1\">How to use<\/a><\/div>\r\n<div id=\"collapseOne\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre><code>\r\n&lt;span class=\"label label-default\"&gt;Default&lt;\/span&gt;\r\n&lt;span class=\"label label-primary\"&gt;Primary&lt;\/span&gt;\r\n&lt;span class=\"label label-success\"&gt;Success&lt;\/span&gt;\r\n&lt;span class=\"label label-info\"&gt;Info&lt;\/span&gt;\r\n&lt;span class=\"label label-warning\"&gt;Warning&lt;\/span&gt;\r\n&lt;span class=\"label label-danger\"&gt;Danger&lt;\/span&gt;\r\n<\/code>\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br><br>\r\n\r\n\r\n\r\n<h3>Badges<\/h3>\r\n\r\n\r\n\r\n    <ul class=\"nav nav-pills\">\r\n      <li class=\"active\"><a href=\"#\">Home <span class=\"badge\">42<\/span><\/a><\/li>\r\n      <li><a href=\"#\">Profile<\/a><\/li>\r\n      <li><a href=\"#\">Messages <span class=\"badge\">3<\/span><\/a><\/li>\r\n    <\/ul>\r\n    <br>\r\n    <ul class=\"nav nav-pills nav-stacked\" style=\"max-width: 260px;\">\r\n      <li class=\"active\">\r\n        <a href=\"#\">\r\n          <span class=\"badge pull-right\">42<\/span>\r\n          Home\r\n        <\/a>\r\n      <\/li>\r\n      <li><a href=\"#\">Profile<\/a><\/li>\r\n      <li>\r\n        <a href=\"#\">\r\n          <span class=\"badge pull-right\">3<\/span>\r\n          Messages\r\n        <\/a>\r\n      <\/li>\r\n    <\/ul>\r\n    <br>\r\n    <button class=\"btn btn-primary\" type=\"button\">\r\n      Messages <span class=\"badge\">4<\/span>\r\n    <\/button>\r\n\r\n<br><br>\r\n\r\n<div id=\"accordion2\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapseTwo\" data-toggle=\"collapse\" data-parent=\"#accordion2\">How to use<\/a><\/div>\r\n<div id=\"collapseTwo\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre><code>\r\n  &lt;ul class=\"nav nav-pills\"&gt;\r\n      &lt;li class=\"active\"&gt;&lt;a href=\"#\"&gt;Home &lt;span class=\"badge\"&gt;42&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n      &lt;li&gt;&lt;a href=\"#\"&gt;Profile&lt;\/a&gt;&lt;\/li&gt;\r\n      &lt;li&gt;&lt;a href=\"#\"&gt;Messages &lt;span class=\"badge\"&gt;3&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n    &lt;\/ul&gt;\r\n    &lt;br&gt;\r\n    &lt;ul class=\"nav nav-pills nav-stacked\" style=\"max-width: 260px;\"&gt;\r\n      &lt;li class=\"active\"&gt;\r\n        &lt;a href=\"#\"&gt;\r\n          &lt;span class=\"badge pull-right\"&gt;42&lt;\/span&gt;\r\n          Home\r\n        &lt;\/a&gt;\r\n      &lt;\/li&gt;\r\n      &lt;li&gt;&lt;a href=\"#\"&gt;Profile&lt;\/a&gt;&lt;\/li&gt;\r\n      &lt;li&gt;\r\n        &lt;a href=\"#\"&gt;\r\n          &lt;span class=\"badge pull-right\"&gt;3&lt;\/span&gt;\r\n          Messages\r\n        &lt;\/a&gt;\r\n      &lt;\/li&gt;\r\n    &lt;\/ul&gt;\r\n    &lt;br&gt;\r\n    &lt;button class=\"btn btn-primary\" type=\"button\"&gt;\r\n      Messages &lt;span class=\"badge\"&gt;4&lt;\/span&gt;\r\n    &lt;\/button&gt;\r\n<\/code>\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"Labels Default Primary Success Info Warning Danger How to use &lt;span class=&#8221;label label-default&#8221;&gt;Default&lt;\/span&gt; &lt;span class=&#8221;label&#8230;<a href=\"https:\/\/ordasvit.com\/wp-human\/?page_id=392\"><\/a>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=\/wp\/v2\/pages\/392"}],"collection":[{"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=392"}],"version-history":[{"count":1,"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=\/wp\/v2\/pages\/392\/revisions"}],"predecessor-version":[{"id":393,"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=\/wp\/v2\/pages\/392\/revisions\/393"}],"wp:attachment":[{"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}