{"id":76,"date":"2014-09-26T11:12:37","date_gmt":"2014-09-26T11:12:37","guid":{"rendered":"http:\/\/ordasvit.com\/wp-mstore\/?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-mstore\/elements\/","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 Info Warning Danger How to use Default Primary Success Info Warning Danger Large button Default button Primary button Success button Info button Warning button Danger button How to use Default button Primary button Success button Info button Warning button Danger [&hellip;]","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-mstore\/wp-json\/wp\/v2\/pages\/76"}],"collection":[{"href":"https:\/\/ordasvit.com\/wp-mstore\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ordasvit.com\/wp-mstore\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wp-mstore\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wp-mstore\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":52,"href":"https:\/\/ordasvit.com\/wp-mstore\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/ordasvit.com\/wp-mstore\/wp-json\/wp\/v2\/pages\/76\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/ordasvit.com\/wp-mstore\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}