{"id":76,"date":"2014-09-26T11:12:37","date_gmt":"2014-09-26T11:12:37","guid":{"rendered":"http:\/\/ordasvit.com\/wp-human\/?page_id=76"},"modified":"2014-10-16T13:14:23","modified_gmt":"2014-10-16T13:14:23","slug":"elements","status":"publish","type":"page","link":"https:\/\/ordasvit.com\/wp-human\/?page_id=76","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default\">Left<\/button>\r\n  <button type=\"button\" class=\"btn btn-default\">Middle<\/button>\r\n  <button type=\"button\" class=\"btn btn-default\">Right<\/button>\r\n<\/div>\r\n&nbsp;\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\r\n<pre lang=\"html\">\r\n<div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default\">Left<\/button>\r\n  <button type=\"button\" class=\"btn btn-default\">Middle<\/button>\r\n  <button type=\"button\" class=\"btn btn-default\">Right<\/button>\r\n<\/div>\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<h3>Standard button<\/h3>\r\n\r\n<!-- Standard button -->\r\n<button type=\"button\" class=\"btn btn-default\">Default<\/button>\r\n\r\n<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->\r\n<button type=\"button\" class=\"btn btn-primary\">Primary<\/button>\r\n\r\n<!-- Indicates a successful or positive action -->\r\n<button type=\"button\" class=\"btn btn-success\">Success<\/button>\r\n\r\n<!-- Contextual button for informational alert messages -->\r\n<button type=\"button\" class=\"btn btn-info\">Info<\/button>\r\n\r\n<!-- Indicates caution should be taken with this action -->\r\n<button type=\"button\" class=\"btn btn-warning\">Warning<\/button>\r\n\r\n<!-- Indicates a dangerous or potentially negative action -->\r\n<button type=\"button\" class=\"btn btn-danger\">Danger<\/button>\r\n\r\n\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\r\n<pre lang=\"html\">\r\n<!-- Standard button -->\r\n<button type=\"button\" class=\"btn btn-default\">Default<\/button>\r\n\r\n<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->\r\n<button type=\"button\" class=\"btn btn-primary\">Primary<\/button>\r\n\r\n<!-- Indicates a successful or positive action -->\r\n<button type=\"button\" class=\"btn btn-success\">Success<\/button>\r\n\r\n<!-- Contextual button for informational alert messages -->\r\n<button type=\"button\" class=\"btn btn-info\">Info<\/button>\r\n\r\n<!-- Indicates caution should be taken with this action -->\r\n<button type=\"button\" class=\"btn btn-warning\">Warning<\/button>\r\n\r\n<!-- Indicates a dangerous or potentially negative action -->\r\n<button type=\"button\" class=\"btn btn-danger\">Danger<\/button>\r\n\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<h3>Large button<\/h3>\r\n<p>\r\n  <button type=\"button\" class=\"btn btn-default btn-lg\">Default button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg\">Primary button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg btn-success\">Success button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg btn-info\">Info button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg btn-warning\">Warning button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg btn-danger\">Danger button<\/button>\r\n<\/p>\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\">\r\n  <button type=\"button\" class=\"btn btn-default btn-lg\">Default button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg\">Primary button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg btn-success\">Success button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg btn-info\">Info button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg btn-warning\">Warning button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-lg btn-danger\">Danger button<\/button>\r\n<\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br>\r\n<h3>Button<\/h3>\r\n<p>\r\n  <button type=\"button\" class=\"btn btn-default\">Default button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary\">Primary button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-success\">Success button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-info\">Info button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-warning\">Warning button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-danger\">Danger button<\/button>\r\n<\/p>\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\r\n<pre lang=\"html\">\r\n  <button type=\"button\" class=\"btn btn-default\">Default button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary\">Primary button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-success\">Success button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-info\">Info button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-warning\">Warning button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-danger\">Danger button<\/button>\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br>\r\n<h3>Small button<\/h3>\r\n<p>\r\n  <button type=\"button\" class=\"btn btn-default btn-sm\">Default button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm\">Primary button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm btn-success\">Success button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm btn-info\">Info button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm btn-warning\">Warning button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm btn-danger\">Danger button<\/button> \r\n<\/p>\r\n\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\r\n<pre lang=\"html\">\r\n  <button type=\"button\" class=\"btn btn-default btn-sm\">Default button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm\">Primary button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm btn-success\">Success button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm btn-info\">Info button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm btn-warning\">Warning button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-sm btn-danger\">Danger button<\/button> \r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<br>\r\n<h3>Mini button<\/h3>\r\n<p>\r\n  <button type=\"button\" class=\"btn btn-default btn-xs\">Default button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs\">Primary button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs btn-succes\">Success button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs btn-info\">Info button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs btn-warning\">Warning button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs btn-danger\">Danger button<\/button>\r\n<\/p>\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=\"#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\r\n<pre lang=\"html\">\r\n  <button type=\"button\" class=\"btn btn-default btn-xs\">Default button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs\">Primary button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs btn-succes\">Success button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs btn-info\">Info button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs btn-warning\">Warning button<\/button>\r\n  <button type=\"button\" class=\"btn btn-primary btn-xs btn-danger\">Danger button<\/button>\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<br>\r\n\r\n\r\n<h3>Nested button groups<\/h3>\r\n\r\n<div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default\">1<\/button>\r\n  <button type=\"button\" class=\"btn btn-default\">2<\/button>\r\n\r\n  <div class=\"btn-group\">\r\n    <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">\r\n      Dropdown\r\n      <span class=\"caret\"><\/span>\r\n    <\/button>\r\n    <ul class=\"dropdown-menu\">\r\n      <li><a href=\"#\">Dropdown link<\/a><\/li>\r\n      <li><a href=\"#\">Dropdown link<\/a><\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/div>\r\n\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\r\n<pre lang=\"html\">\r\n<div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default\">1<\/button>\r\n  <button type=\"button\" class=\"btn btn-default\">2<\/button>\r\n\r\n  <div class=\"btn-group\">\r\n    <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">\r\n      Dropdown\r\n      <span class=\"caret\"><\/span>\r\n    <\/button>\r\n    <ul class=\"dropdown-menu\">\r\n      <li><a href=\"#\">Dropdown link<\/a><\/li>\r\n      <li><a href=\"#\">Dropdown link<\/a><\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<h3>Single button dropdowns<\/h3>\r\n\r\n <!-- Single button -->\r\n <div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">\r\n    Action <span class=\"caret\"><\/span>\r\n  <\/button>\r\n  <ul class=\"dropdown-menu\">\r\n    <li><a href=\"#\">Action<\/a><\/li>\r\n    <li><a href=\"#\">Another action<\/a><\/li>\r\n    <li><a href=\"#\">Something else here<\/a><\/li>\r\n    <li class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n <\/div>\r\n\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-primary dropdown-toggle\" data-toggle=\"dropdown\">Action <span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-danger dropdown-toggle\" data-toggle=\"dropdown\">Danger <span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-warning dropdown-toggle\" data-toggle=\"dropdown\">Warning <span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-success dropdown-toggle\" data-toggle=\"dropdown\">Success <span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n\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\r\n<pre lang=\"html\">\r\n <!-- Single button -->\r\n <div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">\r\n    Action <span class=\"caret\"><\/span>\r\n  <\/button>\r\n  <ul class=\"dropdown-menu\">\r\n    <li><a href=\"#\">Action<\/a><\/li>\r\n    <li><a href=\"#\">Another action<\/a><\/li>\r\n    <li><a href=\"#\">Something else here<\/a><\/li>\r\n    <li class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n <\/div>\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<h3>Split button dropdowns<\/h3>\r\n\r\n<!-- Split button -->\r\n<div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default\">Action<\/button>\r\n  <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">\r\n    <span class=\"caret\"><\/span>\r\n  <\/button>\r\n  <ul class=\"dropdown-menu\">\r\n    <li><a href=\"#\">Action<\/a><\/li>\r\n    <li><a href=\"#\">Another action<\/a><\/li>\r\n    <li><a href=\"#\">Something else here<\/a><\/li>\r\n    <li class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-primary\">Action<\/button>\r\n<button type=\"button\" class=\"btn btn-primary dropdown-toggle\" data-toggle=\"dropdown\"><span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-danger\">Danger<\/button>\r\n<button type=\"button\" class=\"btn btn-danger dropdown-toggle\" data-toggle=\"dropdown\"><span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-warning\">Warning<\/button>\r\n<button type=\"button\" class=\"btn btn-warning dropdown-toggle\" data-toggle=\"dropdown\"><span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-success\">Success<\/button>\r\n<button type=\"button\" class=\"btn btn-success dropdown-toggle\" data-toggle=\"dropdown\"><span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n\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\r\n<pre lang=\"html\">\r\n<!-- Split button -->\r\n<div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default\">Action<\/button>\r\n  <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">\r\n    <span class=\"caret\"><\/span>\r\n  <\/button>\r\n  <ul class=\"dropdown-menu\">\r\n    <li><a href=\"#\">Action<\/a><\/li>\r\n    <li><a href=\"#\">Another action<\/a><\/li>\r\n    <li><a href=\"#\">Something else here<\/a><\/li>\r\n    <li class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<h3>Dropup buttons<\/h3>\r\n\r\n<div class=\"btn-group dropup\">\r\n<button type=\"button\" class=\"btn btn-default\">Dropup<\/button>\r\n<button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\"><span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"btn-group dropup\">\r\n<button type=\"button\" class=\"btn btn-primary\">Right dropup<\/button>\r\n<button type=\"button\" class=\"btn btn-primary dropdown-toggle\" data-toggle=\"dropdown\"><span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu pull-right\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n\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\r\n<pre lang=\"html\">\r\n<div class=\"btn-group dropup\">\r\n<button type=\"button\" class=\"btn btn-default\">Dropup<\/button>\r\n<button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\"><span class=\"caret\"><\/span><\/button>\r\n<ul class=\"dropdown-menu\">\r\n<li><a href=\"#\">Action<\/a><\/li>\r\n<li><a href=\"#\">Another action<\/a><\/li>\r\n<li><a href=\"#\">Something else here<\/a><\/li>\r\n<li class=\"divider\"><\/li>\r\n<li><a href=\"#\">Separated link<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<h3>Buttons instead of text<\/h3>\r\n\r\n<div class=\"row\">\r\n  <div class=\"col-lg-6\">\r\n    <div class=\"input-group\">\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>\r\n      <input type=\"text\" class=\"form-control\">\r\n    <\/div><!-- \/input-group -->\r\n  <\/div><!-- \/.col-lg-6 -->\r\n  <div class=\"col-lg-6\">\r\n    <div class=\"input-group\">\r\n      <input type=\"text\" class=\"form-control\">\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>\r\n    <\/div><!-- \/input-group -->\r\n  <\/div><!-- \/.col-lg-6 -->\r\n<\/div><!-- \/.row -->\r\n\r\n\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\r\n<pre lang=\"html\">\r\n<div class=\"row\">\r\n  <div class=\"col-lg-6\">\r\n    <div class=\"input-group\">\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>\r\n      <input type=\"text\" class=\"form-control\">\r\n    <\/div><!-- \/input-group -->\r\n  <\/div><!-- \/.col-lg-6 -->\r\n  <div class=\"col-lg-6\">\r\n    <div class=\"input-group\">\r\n      <input type=\"text\" class=\"form-control\">\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>\r\n    <\/div><!-- \/input-group -->\r\n  <\/div><!-- \/.col-lg-6 -->\r\n<\/div><!-- \/.row -->\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<h3>Buttons with dropdowns<\/h3>\r\n\r\n\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\">\r\n        <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">Action <span class=\"caret\"><\/span><\/button>\r\n        <ul class=\"dropdown-menu\">\r\n          <li><a href=\"#\">Action<\/a><\/li>\r\n          <li><a href=\"#\">Another action<\/a><\/li>\r\n          <li><a href=\"#\">Something else here<\/a><\/li>\r\n          <li class=\"divider\"><\/li>\r\n          <li><a href=\"#\">Separated link<\/a><\/li>\r\n        <\/ul>\r\n      <\/div><!-- \/btn-group -->\r\n      <input type=\"text\" class=\"form-control\">\r\n    <\/div><!-- \/input-group -->\r\n  <\/div><!-- \/.col-lg-6 -->\r\n  <div class=\"col-lg-6\">\r\n    <div class=\"input-group\">\r\n      <input type=\"text\" class=\"form-control\">\r\n      <div class=\"input-group-btn\">\r\n        <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">Action <span class=\"caret\"><\/span><\/button>\r\n        <ul class=\"dropdown-menu pull-right\">\r\n          <li><a href=\"#\">Action<\/a><\/li>\r\n          <li><a href=\"#\">Another action<\/a><\/li>\r\n          <li><a href=\"#\">Something else here<\/a><\/li>\r\n          <li class=\"divider\"><\/li>\r\n          <li><a href=\"#\">Separated link<\/a><\/li>\r\n        <\/ul>\r\n      <\/div><!-- \/btn-group -->\r\n    <\/div><!-- \/input-group -->\r\n  <\/div><!-- \/.col-lg-6 -->\r\n<\/div><!-- \/.row -->\r\n\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\r\n<pre lang=\"html\">\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\">\r\n        <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">Action <span class=\"caret\"><\/span><\/button>\r\n        <ul class=\"dropdown-menu\">\r\n          <li><a href=\"#\">Action<\/a><\/li>\r\n          <li><a href=\"#\">Another action<\/a><\/li>\r\n          <li><a href=\"#\">Something else here<\/a><\/li>\r\n          <li class=\"divider\"><\/li>\r\n          <li><a href=\"#\">Separated link<\/a><\/li>\r\n        <\/ul>\r\n      <\/div><!-- \/btn-group -->\r\n      <input type=\"text\" class=\"form-control\">\r\n    <\/div><!-- \/input-group -->\r\n  <\/div><!-- \/.col-lg-6 -->\r\n  <div class=\"col-lg-6\">\r\n    <div class=\"input-group\">\r\n      <input type=\"text\" class=\"form-control\">\r\n      <div class=\"input-group-btn\">\r\n        <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">Action <span class=\"caret\"><\/span><\/button>\r\n        <ul class=\"dropdown-menu pull-right\">\r\n          <li><a href=\"#\">Action<\/a><\/li>\r\n          <li><a href=\"#\">Another action<\/a><\/li>\r\n          <li><a href=\"#\">Something else here<\/a><\/li>\r\n          <li class=\"divider\"><\/li>\r\n          <li><a href=\"#\">Separated link<\/a><\/li>\r\n        <\/ul>\r\n      <\/div><!-- \/btn-group -->\r\n    <\/div><!-- \/input-group -->\r\n  <\/div><!-- \/.col-lg-6 -->\r\n<\/div><!-- \/.row -->\r\n<\/pre>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"Left Middle Right &nbsp; How to use Left Middle Right Standard button Default Primary Success&#8230;<a href=\"https:\/\/ordasvit.com\/wp-human\/?page_id=76\"><\/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\/76"}],"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=76"}],"version-history":[{"count":52,"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/ordasvit.com\/wp-human\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}