{"id":108,"date":"2015-09-21T10:45:56","date_gmt":"2015-09-21T10:45:56","guid":{"rendered":"http:\/\/ordasvit.com\/wordpress-cuisine\/?page_id=108"},"modified":"2015-10-06T08:37:11","modified_gmt":"2015-10-06T08:37:11","slug":"buttons","status":"publish","type":"page","link":"https:\/\/ordasvit.com\/wordpress-cuisine\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"btn-group\" role=\"group\" aria-label=\"...\">\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<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 class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;btn-group&quot; role=&quot;group&quot; aria-label=&quot;...&quot;&gt;\r\n\r\n  &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Left&lt;\/button&gt;\r\n\r\n  &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Middle&lt;\/button&gt;\r\n\r\n  &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Right&lt;\/button&gt;\r\n\r\n&lt;\/div&gt;\r\n<\/pre>\r\n\r\n   <\/div>\r\n  <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<h3>Justified button groups<\/h3>\r\n<div class=\"btn-group btn-group-justified\" role=\"group\" aria-label=\"...\">\r\n  <div class=\"btn-group\" role=\"group\">\r\n    <button type=\"button\" class=\"btn btn-default\">Left<\/button>\r\n  <\/div>\r\n  <div class=\"btn-group\" role=\"group\">\r\n    <button type=\"button\" class=\"btn btn-default\">Middle<\/button>\r\n  <\/div>\r\n  <div class=\"btn-group\" role=\"group\">\r\n    <button type=\"button\" class=\"btn btn-default\">Right<\/button>\r\n  <\/div>\r\n<\/div>\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 class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;btn-group btn-group-justified&quot; role=&quot;group&quot; aria-label=&quot;...&quot;&gt;\r\n  &lt;div class=&quot;btn-group&quot; role=&quot;group&quot;&gt;\r\n    &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Left&lt;\/button&gt;\r\n  &lt;\/div&gt;\r\n  &lt;div class=&quot;btn-group&quot; role=&quot;group&quot;&gt;\r\n    &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Middle&lt;\/button&gt;\r\n  &lt;\/div&gt;\r\n  &lt;div class=&quot;btn-group&quot; role=&quot;group&quot;&gt;\r\n    &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Right&lt;\/button&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\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<!-- Single button -->\r\n<div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\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 role=\"separator\" class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n<div class=\"btn-group\">\r\n <button type=\"button\" class=\"btn btn-primary dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n    Primary <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 role=\"separator\" class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-success dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n    Success <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 role=\"separator\" class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-info dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n    Info <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 role=\"separator\" class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-warning dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n    Warning <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 role=\"separator\" class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n<div class=\"btn-group\">\r\n<button type=\"button\" class=\"btn btn-danger dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n    Danger <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 role=\"separator\" class=\"divider\"><\/li>\r\n    <li><a href=\"#\">Separated link<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n\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\r\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;!-- Single button --&gt;\r\n&lt;div class=&quot;btn-group&quot;&gt;\r\n  &lt;button type=&quot;button&quot; class=&quot;btn btn-default dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;\r\n    Action &lt;span class=&quot;caret&quot;&gt;&lt;\/span&gt;\r\n  &lt;\/button&gt;\r\n  &lt;ul class=&quot;dropdown-menu&quot;&gt;\r\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;\/a&gt;&lt;\/li&gt;\r\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;\/a&gt;&lt;\/li&gt;\r\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;\/a&gt;&lt;\/li&gt;\r\n    &lt;li role=&quot;separator&quot; class=&quot;divider&quot;&gt;&lt;\/li&gt;\r\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;\/a&gt;&lt;\/li&gt;\r\n  &lt;\/ul&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\r\n\r\n   <\/div>\r\n  <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<h3>Split button dropdowns<\/h3>\r\n<div class=\"btn-group\">\r\n      <button type=\"button\" class=\"btn btn-default\">Default<\/button>\r\n      <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n        <span class=\"caret\"><\/span>\r\n        <span class=\"sr-only\">Toggle Dropdown<\/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 role=\"separator\" class=\"divider\"><\/li>\r\n        <li><a href=\"#\">Separated link<\/a><\/li>\r\n      <\/ul>\r\n    <\/div><!-- \/btn-group -->\r\n    <div class=\"btn-group\">\r\n      <button type=\"button\" class=\"btn btn-primary\">Primary<\/button>\r\n      <button type=\"button\" class=\"btn btn-primary dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n        <span class=\"caret\"><\/span>\r\n        <span class=\"sr-only\">Toggle Dropdown<\/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 role=\"separator\" class=\"divider\"><\/li>\r\n        <li><a href=\"#\">Separated link<\/a><\/li>\r\n      <\/ul>\r\n    <\/div><!-- \/btn-group -->\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\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n        <span class=\"caret\"><\/span>\r\n        <span class=\"sr-only\">Toggle Dropdown<\/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 role=\"separator\" class=\"divider\"><\/li>\r\n        <li><a href=\"#\">Separated link<\/a><\/li>\r\n      <\/ul>\r\n    <\/div><!-- \/btn-group -->\r\n    <div class=\"btn-group\">\r\n      <button type=\"button\" class=\"btn btn-info\">Info<\/button>\r\n      <button type=\"button\" class=\"btn btn-info dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n        <span class=\"caret\"><\/span>\r\n        <span class=\"sr-only\">Toggle Dropdown<\/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 role=\"separator\" class=\"divider\"><\/li>\r\n        <li><a href=\"#\">Separated link<\/a><\/li>\r\n      <\/ul>\r\n    <\/div><!-- \/btn-group -->\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\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n        <span class=\"caret\"><\/span>\r\n        <span class=\"sr-only\">Toggle Dropdown<\/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 role=\"separator\" class=\"divider\"><\/li>\r\n        <li><a href=\"#\">Separated link<\/a><\/li>\r\n      <\/ul>\r\n    <\/div><!-- \/btn-group -->\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\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n        <span class=\"caret\"><\/span>\r\n        <span class=\"sr-only\">Toggle Dropdown<\/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 role=\"separator\" class=\"divider\"><\/li>\r\n        <li><a href=\"#\">Separated link<\/a><\/li>\r\n      <\/ul>\r\n    <\/div><!-- \/btn-group -->\r\n\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 class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;btn-group&quot;&gt;\r\n      &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;Default&lt;\/button&gt;\r\n      &lt;button type=&quot;button&quot; class=&quot;btn btn-default dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;\r\n        &lt;span class=&quot;caret&quot;&gt;&lt;\/span&gt;\r\n        &lt;span class=&quot;sr-only&quot;&gt;Toggle Dropdown&lt;\/span&gt;\r\n      &lt;\/button&gt;\r\n      &lt;ul class=&quot;dropdown-menu&quot;&gt;\r\n        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;li role=&quot;separator&quot; class=&quot;divider&quot;&gt;&lt;\/li&gt;\r\n        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;\/a&gt;&lt;\/li&gt;\r\n      &lt;\/ul&gt;\r\n    &lt;\/div&gt;&lt;!-- \/btn-group --&gt;\r\n<\/pre>\r\n\r\n   <\/div>\r\n  <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<h3>Sizing<\/h3>\r\n<div class=\"bs-example\" data-example-id=\"button-dropdown-sizing\">\r\n    <div class=\"btn-toolbar\" role=\"toolbar\">\r\n      <div class=\"btn-group\">\r\n        <button class=\"btn btn-default btn-lg dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n          Large button <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 role=\"separator\" class=\"divider\"><\/li>\r\n          <li><a href=\"#\">Separated link<\/a><\/li>\r\n        <\/ul>\r\n      <\/div><!-- \/btn-group -->\r\n    <\/div><!-- \/btn-toolbar -->\r\n    <div class=\"btn-toolbar\" role=\"toolbar\">\r\n      <div class=\"btn-group\">\r\n        <button class=\"btn btn-default btn-sm dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n          Small button <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 role=\"separator\" class=\"divider\"><\/li>\r\n          <li><a href=\"#\">Separated link<\/a><\/li>\r\n        <\/ul>\r\n      <\/div><!-- \/btn-group -->\r\n    <\/div><!-- \/btn-toolbar -->\r\n    <div class=\"btn-toolbar\" role=\"toolbar\">\r\n      <div class=\"btn-group\">\r\n        <button class=\"btn btn-default btn-xs dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n          Extra small button <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 role=\"separator\" class=\"divider\"><\/li>\r\n          <li><a href=\"#\">Separated link<\/a><\/li>\r\n        <\/ul>\r\n      <\/div><!-- \/btn-group -->\r\n    <\/div><!-- \/btn-toolbar -->\r\n  <\/div>\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 class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;btn-toolbar&quot; role=&quot;toolbar&quot;&gt;\r\n      &lt;div class=&quot;btn-group&quot;&gt;\r\n        &lt;button class=&quot;btn btn-default btn-lg dropdown-toggle&quot; type=&quot;button&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;\r\n          Large button &lt;span class=&quot;caret&quot;&gt;&lt;\/span&gt;\r\n        &lt;\/button&gt;\r\n        &lt;ul class=&quot;dropdown-menu&quot;&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li role=&quot;separator&quot; class=&quot;divider&quot;&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;\/ul&gt;\r\n      &lt;\/div&gt;&lt;!-- \/btn-group --&gt;\r\n    &lt;\/div&gt;&lt;!-- \/btn-toolbar --&gt;\r\n    &lt;div class=&quot;btn-toolbar&quot; role=&quot;toolbar&quot;&gt;\r\n      &lt;div class=&quot;btn-group&quot;&gt;\r\n        &lt;button class=&quot;btn btn-default btn-sm dropdown-toggle&quot; type=&quot;button&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;\r\n          Small button &lt;span class=&quot;caret&quot;&gt;&lt;\/span&gt;\r\n        &lt;\/button&gt;\r\n        &lt;ul class=&quot;dropdown-menu&quot;&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li role=&quot;separator&quot; class=&quot;divider&quot;&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;\/ul&gt;\r\n      &lt;\/div&gt;&lt;!-- \/btn-group --&gt;\r\n    &lt;\/div&gt;&lt;!-- \/btn-toolbar --&gt;\r\n    &lt;div class=&quot;btn-toolbar&quot; role=&quot;toolbar&quot;&gt;\r\n      &lt;div class=&quot;btn-group&quot;&gt;\r\n        &lt;button class=&quot;btn btn-default btn-xs dropdown-toggle&quot; type=&quot;button&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;\r\n          Extra small button &lt;span class=&quot;caret&quot;&gt;&lt;\/span&gt;\r\n        &lt;\/button&gt;\r\n        &lt;ul class=&quot;dropdown-menu&quot;&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li role=&quot;separator&quot; class=&quot;divider&quot;&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;\/ul&gt;\r\n      &lt;\/div&gt;&lt;!-- \/btn-group --&gt;\r\n    &lt;\/div&gt;&lt;!-- \/btn-toolbar --&gt;\r\n\r\n<\/pre>\r\n\r\n   <\/div>\r\n  <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<h3>Button addons<\/h3>\r\n<form class=\"bs-example bs-example-form\" data-example-id=\"input-group-with-button\">\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\">Go!<\/button>\r\n          <\/span>\r\n          <input type=\"text\" class=\"form-control\" placeholder=\"Search for...\">\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\" placeholder=\"Search for...\">\r\n          <span class=\"input-group-btn\">\r\n            <button class=\"btn btn-default\" type=\"button\">Go!<\/button>\r\n          <\/span>\r\n        <\/div><!-- \/input-group -->\r\n      <\/div><!-- \/.col-lg-6 -->\r\n    <\/div><!-- \/.row -->\r\n  <\/form>\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 class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;form class=&quot;bs-example bs-example-form&quot; data-example-id=&quot;input-group-with-button&quot;&gt;\r\n    &lt;div class=&quot;row&quot;&gt;\r\n      &lt;div class=&quot;col-lg-6&quot;&gt;\r\n        &lt;div class=&quot;input-group&quot;&gt;\r\n          &lt;span class=&quot;input-group-btn&quot;&gt;\r\n            &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;Go!&lt;\/button&gt;\r\n          &lt;\/span&gt;\r\n          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; placeholder=&quot;Search for...&quot;&gt;\r\n        &lt;\/div&gt;&lt;!-- \/input-group --&gt;\r\n      &lt;\/div&gt;&lt;!-- \/.col-lg-6 --&gt;\r\n      &lt;div class=&quot;col-lg-6&quot;&gt;\r\n        &lt;div class=&quot;input-group&quot;&gt;\r\n          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; placeholder=&quot;Search for...&quot;&gt;\r\n          &lt;span class=&quot;input-group-btn&quot;&gt;\r\n            &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;Go!&lt;\/button&gt;\r\n          &lt;\/span&gt;\r\n        &lt;\/div&gt;&lt;!-- \/input-group --&gt;\r\n      &lt;\/div&gt;&lt;!-- \/.col-lg-6 --&gt;\r\n    &lt;\/div&gt;&lt;!-- \/.row --&gt;\r\n  &lt;\/form&gt;\r\n\r\n<\/pre>\r\n\r\n   <\/div>\r\n  <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<h3>Buttons with dropdowns<\/h3>\r\n<form class=\"bs-example bs-example-form\" data-example-id=\"input-group-dropdowns\">\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\" aria-haspopup=\"true\" aria-expanded=\"false\">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 role=\"separator\" 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\" aria-label=\"Text input with dropdown button\">\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\" aria-label=\"Text input with dropdown button\">\r\n          <div class=\"input-group-btn\">\r\n            <button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Action <span class=\"caret\"><\/span><\/button>\r\n            <ul class=\"dropdown-menu dropdown-menu-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 role=\"separator\" 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  <\/form>\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 class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n\r\n&lt;form class=&quot;bs-example bs-example-form&quot; data-example-id=&quot;input-group-dropdowns&quot;&gt;\r\n    &lt;div class=&quot;row&quot;&gt;\r\n      &lt;div class=&quot;col-lg-6&quot;&gt;\r\n        &lt;div class=&quot;input-group&quot;&gt;\r\n          &lt;div class=&quot;input-group-btn&quot;&gt;\r\n            &lt;button type=&quot;button&quot; class=&quot;btn btn-default dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;Action &lt;span class=&quot;caret&quot;&gt;&lt;\/span&gt;&lt;\/button&gt;\r\n            &lt;ul class=&quot;dropdown-menu&quot;&gt;\r\n              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;\/a&gt;&lt;\/li&gt;\r\n              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;\/a&gt;&lt;\/li&gt;\r\n              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;\/a&gt;&lt;\/li&gt;\r\n              &lt;li role=&quot;separator&quot; class=&quot;divider&quot;&gt;&lt;\/li&gt;\r\n              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;\/ul&gt;\r\n          &lt;\/div&gt;&lt;!-- \/btn-group --&gt;\r\n          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; aria-label=&quot;Text input with dropdown button&quot;&gt;\r\n        &lt;\/div&gt;&lt;!-- \/input-group --&gt;\r\n      &lt;\/div&gt;&lt;!-- \/.col-lg-6 --&gt;\r\n      &lt;div class=&quot;col-lg-6&quot;&gt;\r\n        &lt;div class=&quot;input-group&quot;&gt;\r\n          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; aria-label=&quot;Text input with dropdown button&quot;&gt;\r\n          &lt;div class=&quot;input-group-btn&quot;&gt;\r\n            &lt;button type=&quot;button&quot; class=&quot;btn btn-default dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;Action &lt;span class=&quot;caret&quot;&gt;&lt;\/span&gt;&lt;\/button&gt;\r\n            &lt;ul class=&quot;dropdown-menu dropdown-menu-right&quot;&gt;\r\n              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;\/a&gt;&lt;\/li&gt;\r\n              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;\/a&gt;&lt;\/li&gt;\r\n              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;\/a&gt;&lt;\/li&gt;\r\n              &lt;li role=&quot;separator&quot; class=&quot;divider&quot;&gt;&lt;\/li&gt;\r\n              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;\/ul&gt;\r\n          &lt;\/div&gt;&lt;!-- \/btn-group --&gt;\r\n        &lt;\/div&gt;&lt;!-- \/input-group --&gt;\r\n      &lt;\/div&gt;&lt;!-- \/.col-lg-6 --&gt;\r\n    &lt;\/div&gt;&lt;!-- \/.row --&gt;\r\n  &lt;\/form&gt;\r\n\r\n<\/pre>\r\n\r\n   <\/div>\r\n  <\/div>\r\n <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"Left Middle Right How to use Justified button groups Left Middle Right How to use Single button dropdowns Action Action Another action Something else here Separated link Primary Action Another action Something else here Separated link Success Action Another action Something else here Separated link Info Action Another action Something else here Separated link Warning [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","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\/wordpress-cuisine\/wp-json\/wp\/v2\/pages\/108"}],"collection":[{"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":32,"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/pages\/108\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/ordasvit.com\/wordpress-cuisine\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}