diff options
Diffstat (limited to 'docs/_includes/components/button-dropdowns.html')
-rw-r--r-- | docs/_includes/components/button-dropdowns.html | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/docs/_includes/components/button-dropdowns.html b/docs/_includes/components/button-dropdowns.html index d70e97c321..0b67620bc0 100644 --- a/docs/_includes/components/button-dropdowns.html +++ b/docs/_includes/components/button-dropdowns.html @@ -12,7 +12,7 @@ <p>Turn a button into a dropdown toggle with some basic markup changes.</p> <div class="bs-example"> <div class="btn-group"> - <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Default</button> + <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">Default</button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> @@ -75,7 +75,7 @@ {% highlight html %} <!-- Single button --> <div class="btn-group"> - <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> + <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"> Action </button> <ul class="dropdown-menu" role="menu"> @@ -92,8 +92,8 @@ <p>Similarly, create split button dropdowns with the same markup changes, only with a separate button.</p> <div class="bs-example"> <div class="btn-group"> - <button type="button" class="btn btn-default">Default</button> - <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> + <button type="button" class="btn btn-secondary">Default</button> + <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> @@ -192,7 +192,7 @@ <div class="bs-example"> <div class="btn-toolbar" role="toolbar"> <div class="btn-group"> - <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown"> + <button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown"> Large button </button> <ul class="dropdown-menu" role="menu"> @@ -206,7 +206,7 @@ </div><!-- /btn-toolbar --> <div class="btn-toolbar" role="toolbar"> <div class="btn-group"> - <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown"> + <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown"> Small button </button> <ul class="dropdown-menu" role="menu"> @@ -220,7 +220,7 @@ </div><!-- /btn-toolbar --> <div class="btn-toolbar" role="toolbar"> <div class="btn-group"> - <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown"> + <button class="btn btn-secondary btn-xs dropdown-toggle" type="button" data-toggle="dropdown"> Extra small button </button> <ul class="dropdown-menu" role="menu"> @@ -236,7 +236,7 @@ {% highlight html %} <!-- Large button group --> <div class="btn-group"> - <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown"> + <button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown"> Large button </button> <ul class="dropdown-menu" role="menu"> @@ -246,7 +246,7 @@ <!-- Small button group --> <div class="btn-group"> - <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown"> + <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown"> Small button </button> <ul class="dropdown-menu" role="menu"> @@ -256,7 +256,7 @@ <!-- Extra small button group --> <div class="btn-group"> - <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown"> + <button class="btn btn-secondary btn-xs dropdown-toggle" type="button" data-toggle="dropdown"> Extra small button </button> <ul class="dropdown-menu" role="menu"> @@ -270,8 +270,8 @@ <div class="bs-example"> <div class="btn-toolbar" role="toolbar"> <div class="btn-group dropup"> - <button type="button" class="btn btn-default">Dropup</button> - <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> + <button type="button" class="btn btn-secondary">Dropup</button> + <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> @@ -299,8 +299,8 @@ </div><!-- /example --> {% highlight html %} <div class="btn-group dropup"> - <button type="button" class="btn btn-default">Dropup</button> - <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> + <button type="button" class="btn btn-secondary">Dropup</button> + <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> |