{"id":76,"date":"2014-09-26T11:12:37","date_gmt":"2014-09-26T11:12:37","guid":{"rendered":"https:\/\/ordasvit.com\/wp-zoo\/?page_id=76"},"modified":"2015-07-30T13:26:41","modified_gmt":"2015-07-30T13:26:41","slug":"elements","status":"publish","type":"page","link":"https:\/\/ordasvit.com\/wp-zoo\/elements\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"btn-group\"><button class=\"btn btn-default\" type=\"button\">Left<\/button>\r\n<button class=\"btn btn-default\" type=\"button\">Middle<\/button>\r\n<button class=\"btn btn-default\" type=\"button\">Right<\/button><\/div>\r\n&nbsp;\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<div class=\"btn-group\"><button class=\"btn btn-default\" type=\"button\">Left<\/button> <button class=\"btn btn-default\" type=\"button\">Middle<\/button> <button class=\"btn btn-default\" type=\"button\">Right<\/button><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h3>Standard button<\/h3>\r\n<!-- Standard button -->\r\n<button class=\"btn btn-default\" type=\"button\">Default<\/button>\r\n\r\n<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->\r\n<button class=\"btn btn-primary\" type=\"button\">Primary<\/button>\r\n\r\n<!-- Indicates a successful or positive action -->\r\n<button class=\"btn btn-success\" type=\"button\">Success<\/button>\r\n\r\n<!-- Contextual button for informational alert messages -->\r\n<button class=\"btn btn-info\" type=\"button\">Info<\/button>\r\n\r\n<!-- Indicates caution should be taken with this action -->\r\n<button class=\"btn btn-warning\" type=\"button\">Warning<\/button>\r\n\r\n<!-- Indicates a dangerous or potentially negative action -->\r\n<button class=\"btn btn-danger\" type=\"button\">Danger<\/button>\r\n<div id=\"accordion3\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse3\" data-toggle=\"collapse\" data-parent=\"#accordion3\">How to use<\/a><\/div>\r\n<div id=\"collapse3\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre lang=\"html\"><!-- Standard button -->\r\n<button class=\"btn btn-default\" type=\"button\">Default<\/button>\r\n\r\n<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->\r\n<button class=\"btn btn-primary\" type=\"button\">Primary<\/button>\r\n\r\n<!-- Indicates a successful or positive action -->\r\n<button class=\"btn btn-success\" type=\"button\">Success<\/button>\r\n\r\n<!-- Contextual button for informational alert messages -->\r\n<button class=\"btn btn-info\" type=\"button\">Info<\/button>\r\n\r\n<!-- Indicates caution should be taken with this action -->\r\n<button class=\"btn btn-warning\" type=\"button\">Warning<\/button>\r\n\r\n<!-- Indicates a dangerous or potentially negative action -->\r\n<button class=\"btn btn-danger\" type=\"button\">Danger<\/button>\r\n\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h3>Large button<\/h3>\r\n<button class=\"btn btn-default btn-lg\" type=\"button\">Default button<\/button>\r\n<button class=\"btn btn-primary btn-lg\" type=\"button\">Primary button<\/button>\r\n<button class=\"btn btn-primary btn-lg btn-success\" type=\"button\">Success button<\/button>\r\n<button class=\"btn btn-primary btn-lg btn-info\" type=\"button\">Info button<\/button>\r\n<button class=\"btn btn-primary btn-lg btn-warning\" type=\"button\">Warning button<\/button>\r\n<button class=\"btn btn-primary btn-lg btn-danger\" type=\"button\">Danger button<\/button>\r\n<div id=\"accordion4\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse4\" data-toggle=\"collapse\" data-parent=\"#accordion4\">How to use<\/a><\/div>\r\n<div id=\"collapse4\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre lang=\"html\">  <button class=\"btn btn-default btn-lg\" type=\"button\">Default button<\/button>\r\n  <button class=\"btn btn-primary btn-lg\" type=\"button\">Primary button<\/button>\r\n  <button class=\"btn btn-primary btn-lg btn-success\" type=\"button\">Success button<\/button>\r\n  <button class=\"btn btn-primary btn-lg btn-info\" type=\"button\">Info button<\/button>\r\n  <button class=\"btn btn-primary btn-lg btn-warning\" type=\"button\">Warning button<\/button>\r\n  <button class=\"btn btn-primary btn-lg btn-danger\" type=\"button\">Danger button<\/button>\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n<h3>Button<\/h3>\r\n<button class=\"btn btn-default\" type=\"button\">Default button<\/button>\r\n<button class=\"btn btn-primary\" type=\"button\">Primary button<\/button>\r\n<button class=\"btn btn-primary btn-success\" type=\"button\">Success button<\/button>\r\n<button class=\"btn btn-primary btn-info\" type=\"button\">Info button<\/button>\r\n<button class=\"btn btn-primary btn-warning\" type=\"button\">Warning button<\/button>\r\n<button class=\"btn btn-primary btn-danger\" type=\"button\">Danger button<\/button>\r\n<div id=\"accordion5\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse5\" data-toggle=\"collapse\" data-parent=\"#accordion5\">How to use<\/a><\/div>\r\n<div id=\"collapse5\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre lang=\"html\">  <button class=\"btn btn-default\" type=\"button\">Default button<\/button>\r\n  <button class=\"btn btn-primary\" type=\"button\">Primary button<\/button>\r\n  <button class=\"btn btn-primary btn-success\" type=\"button\">Success button<\/button>\r\n  <button class=\"btn btn-primary btn-info\" type=\"button\">Info button<\/button>\r\n  <button class=\"btn btn-primary btn-warning\" type=\"button\">Warning button<\/button>\r\n  <button class=\"btn btn-primary btn-danger\" type=\"button\">Danger button<\/button>\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n<h3>Small button<\/h3>\r\n<button class=\"btn btn-default btn-sm\" type=\"button\">Default button<\/button>\r\n<button class=\"btn btn-primary btn-sm\" type=\"button\">Primary button<\/button>\r\n<button class=\"btn btn-primary btn-sm btn-success\" type=\"button\">Success button<\/button>\r\n<button class=\"btn btn-primary btn-sm btn-info\" type=\"button\">Info button<\/button>\r\n<button class=\"btn btn-primary btn-sm btn-warning\" type=\"button\">Warning button<\/button>\r\n<button class=\"btn btn-primary btn-sm btn-danger\" type=\"button\">Danger button<\/button>\r\n<div id=\"accordion6\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse6\" data-toggle=\"collapse\" data-parent=\"#accordion6\">How to use<\/a><\/div>\r\n<div id=\"collapse6\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre lang=\"html\">  <button class=\"btn btn-default btn-sm\" type=\"button\">Default button<\/button>\r\n  <button class=\"btn btn-primary btn-sm\" type=\"button\">Primary button<\/button>\r\n  <button class=\"btn btn-primary btn-sm btn-success\" type=\"button\">Success button<\/button>\r\n  <button class=\"btn btn-primary btn-sm btn-info\" type=\"button\">Info button<\/button>\r\n  <button class=\"btn btn-primary btn-sm btn-warning\" type=\"button\">Warning button<\/button>\r\n  <button class=\"btn btn-primary btn-sm btn-danger\" type=\"button\">Danger button<\/button> \r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n<h3>Mini button<\/h3>\r\n<button class=\"btn btn-default btn-xs\" type=\"button\">Default button<\/button>\r\n<button class=\"btn btn-primary btn-xs\" type=\"button\">Primary button<\/button>\r\n<button class=\"btn btn-primary btn-xs btn-succes\" type=\"button\">Success button<\/button>\r\n<button class=\"btn btn-primary btn-xs btn-info\" type=\"button\">Info button<\/button>\r\n<button class=\"btn btn-primary btn-xs btn-warning\" type=\"button\">Warning button<\/button>\r\n<button class=\"btn btn-primary btn-xs btn-danger\" type=\"button\">Danger button<\/button>\r\n<div id=\"accordion1\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse1\" data-toggle=\"collapse\" data-parent=\"#accordion1\">How to use<\/a><\/div>\r\n<div id=\"collapse1\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre lang=\"html\">  <button class=\"btn btn-default btn-xs\" type=\"button\">Default button<\/button>\r\n  <button class=\"btn btn-primary btn-xs\" type=\"button\">Primary button<\/button>\r\n  <button class=\"btn btn-primary btn-xs btn-succes\" type=\"button\">Success button<\/button>\r\n  <button class=\"btn btn-primary btn-xs btn-info\" type=\"button\">Info button<\/button>\r\n  <button class=\"btn btn-primary btn-xs btn-warning\" type=\"button\">Warning button<\/button>\r\n  <button class=\"btn btn-primary btn-xs btn-danger\" type=\"button\">Danger button<\/button>\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n<h3>Nested button groups<\/h3>\r\n<div class=\"btn-group\"><button class=\"btn btn-default\" type=\"button\">1<\/button>\r\n<button class=\"btn btn-default\" type=\"button\">2<\/button>\r\n<div class=\"btn-group\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">\r\nDropdown\r\n\r\n<\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Dropdown link<\/a><\/li>\r\n\t<li><a href=\"#\">Dropdown link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div id=\"accordion7\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse7\" data-toggle=\"collapse\" data-parent=\"#accordion7\">How to use<\/a><\/div>\r\n<div id=\"collapse7\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<div class=\"btn-group\"><button class=\"btn btn-default\" type=\"button\">1<\/button> <button class=\"btn btn-default\" type=\"button\">2<\/button>\r\n<div class=\"btn-group\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"> Dropdown <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Dropdown link<\/a><\/li>\r\n\t<li><a href=\"#\">Dropdown link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h3>Single button dropdowns<\/h3>\r\n<!-- Single button -->\r\n<div class=\"btn-group\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">\r\nAction\r\n<\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group\"><button class=\"btn btn-primary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">Action <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group\"><button class=\"btn btn-danger dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">Danger <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group\"><button class=\"btn btn-warning dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">Warning <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group\"><button class=\"btn btn-success dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">Success <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div id=\"accordion8\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse8\" data-toggle=\"collapse\" data-parent=\"#accordion8\">How to use<\/a><\/div>\r\n<div id=\"collapse8\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre lang=\"html\"> <!-- Single button --><\/pre>\r\n<div class=\"btn-group\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"> Action <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h3>Split button dropdowns<\/h3>\r\n<!-- Split button -->\r\n<div class=\"btn-group\"><button class=\"btn btn-default\" type=\"button\">Action<\/button>\r\n<button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">\r\n\r\n<\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group\"><button class=\"btn btn-primary\" type=\"button\">Action<\/button>\r\n<button class=\"btn btn-primary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"><\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group\"><button class=\"btn btn-danger\" type=\"button\">Danger<\/button>\r\n<button class=\"btn btn-danger dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"><\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group\"><button class=\"btn btn-warning\" type=\"button\">Warning<\/button>\r\n<button class=\"btn btn-warning dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"><\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group\"><button class=\"btn btn-success\" type=\"button\">Success<\/button>\r\n<button class=\"btn btn-success dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"><\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div id=\"accordion9\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse9\" data-toggle=\"collapse\" data-parent=\"#accordion9\">How to use<\/a><\/div>\r\n<div id=\"collapse9\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<pre lang=\"html\"><!-- Split button --><\/pre>\r\n<div class=\"btn-group\"><button class=\"btn btn-default\" type=\"button\">Action<\/button> <button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"> <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h3>Dropup buttons<\/h3>\r\n<div class=\"btn-group dropup\"><button class=\"btn btn-default\" type=\"button\">Dropup<\/button>\r\n<button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"><\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"btn-group dropup\"><button class=\"btn btn-primary\" type=\"button\">Right dropup<\/button>\r\n<button class=\"btn btn-primary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"><\/button>\r\n<ul class=\"dropdown-menu pull-right\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<div id=\"accordion10\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse10\" data-toggle=\"collapse\" data-parent=\"#accordion10\">How to use<\/a><\/div>\r\n<div id=\"collapse10\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<div class=\"btn-group dropup\"><button class=\"btn btn-default\" type=\"button\">Dropup<\/button> <button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\"><\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h3>Buttons instead of text<\/h3>\r\n<div class=\"row\">\r\n<div class=\"col-lg-6\">\r\n<div class=\"input-group\"><span class=\"input-group-btn\">\r\n<button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-search\"><\/i><\/button>\r\n<\/span>\r\n<input class=\"form-control\" type=\"text\" \/><\/div>\r\n<!-- \/input-group -->\r\n\r\n<\/div>\r\n<!-- \/.col-lg-6 -->\r\n<div class=\"col-lg-6\">\r\n<div class=\"input-group\"><input class=\"form-control\" type=\"text\" \/>\r\n<span class=\"input-group-btn\">\r\n<button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-search\"><\/i><\/button>\r\n<\/span><\/div>\r\n<!-- \/input-group -->\r\n\r\n<\/div>\r\n<!-- \/.col-lg-6 -->\r\n\r\n<\/div>\r\n<!-- \/.row -->\r\n<div id=\"accordion11\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse11\" data-toggle=\"collapse\" data-parent=\"#accordion11\">How to use<\/a><\/div>\r\n<div id=\"collapse11\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-6\">\r\n<div class=\"input-group\"><button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-search\"><\/i><\/button> <input class=\"form-control\" type=\"text\" \/><\/div>\r\n<!-- \/input-group --><\/div>\r\n<!-- \/.col-lg-6 -->\r\n<div class=\"col-lg-6\">\r\n<div class=\"input-group\"><input class=\"form-control\" type=\"text\" \/> <button class=\"btn btn-default\" type=\"button\"><i class=\"fa fa-search\"><\/i><\/button><\/div>\r\n<!-- \/input-group --><\/div>\r\n<!-- \/.col-lg-6 --><\/div>\r\n<pre lang=\"html\"><!-- \/.row -->\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h3>Buttons with dropdowns<\/h3>\r\n<div class=\"row\">\r\n<div class=\"col-lg-6\">\r\n<div class=\"input-group\">\r\n<div class=\"input-group-btn\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">Action <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<!-- \/btn-group -->\r\n<input class=\"form-control\" type=\"text\" \/>\r\n\r\n<\/div>\r\n<!-- \/input-group -->\r\n\r\n<\/div>\r\n<!-- \/.col-lg-6 -->\r\n<div class=\"col-lg-6\">\r\n<div class=\"input-group\"><input class=\"form-control\" type=\"text\" \/>\r\n<div class=\"input-group-btn\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">Action <\/button>\r\n<ul class=\"dropdown-menu pull-right\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<!-- \/btn-group -->\r\n\r\n<\/div>\r\n<!-- \/input-group -->\r\n\r\n<\/div>\r\n<!-- \/.col-lg-6 -->\r\n\r\n<\/div>\r\n<!-- \/.row -->\r\n<div id=\"accordion12\" class=\"accordion\">\r\n<div class=\"accordion-group\">\r\n<div class=\"accordion-heading\"><a class=\"accordion-toggle\" href=\"#collapse12\" data-toggle=\"collapse\" data-parent=\"#accordion12\">How to use<\/a><\/div>\r\n<div id=\"collapse12\" class=\"accordion-body collapse\">\r\n<div class=\"accordion-inner\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-6\">\r\n<div class=\"input-group\">\r\n<div class=\"input-group-btn\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">Action <\/button>\r\n<ul class=\"dropdown-menu\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<!-- \/btn-group --> <input class=\"form-control\" type=\"text\" \/><\/div>\r\n<!-- \/input-group --><\/div>\r\n<!-- \/.col-lg-6 -->\r\n<div class=\"col-lg-6\">\r\n<div class=\"input-group\"><input class=\"form-control\" type=\"text\" \/>\r\n<div class=\"input-group-btn\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">Action <\/button>\r\n<ul class=\"dropdown-menu pull-right\">\r\n\t<li><a href=\"#\">Action<\/a><\/li>\r\n\t<li><a href=\"#\">Another action<\/a><\/li>\r\n\t<li><a href=\"#\">Something else here<\/a><\/li>\r\n\t<li class=\"divider\"><\/li>\r\n\t<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<!-- \/btn-group --><\/div>\r\n<!-- \/input-group --><\/div>\r\n<!-- \/.col-lg-6 --><\/div>\r\n<pre lang=\"html\"><!-- \/.row -->\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"Left Middle Right &nbsp; How to use Left Middle Right Standard button Default Primary Success Info Warning Danger How to use Default Primary Success Info Warning Danger Large button Default [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"_links":{"self":[{"href":"https:\/\/ordasvit.com\/wp-zoo\/wp-json\/wp\/v2\/pages\/76"}],"collection":[{"href":"https:\/\/ordasvit.com\/wp-zoo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ordasvit.com\/wp-zoo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wp-zoo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wp-zoo\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":59,"href":"https:\/\/ordasvit.com\/wp-zoo\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":1236,"href":"https:\/\/ordasvit.com\/wp-zoo\/wp-json\/wp\/v2\/pages\/76\/revisions\/1236"}],"wp:attachment":[{"href":"https:\/\/ordasvit.com\/wp-zoo\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}