diff --git a/assets/css/docs.css b/assets/css/docs.css index 8ed5ef52d0..a90c6ca492 100644 --- a/assets/css/docs.css +++ b/assets/css/docs.css @@ -438,10 +438,14 @@ body { } /* Buttons */ -.bs-example > .btn { +.bs-example > .btn, +.bs-example > .btn-group { margin-top: 5px; margin-bottom: 5px; } +.bs-example > .btn-toolbar + .btn-toolbar { + margin-top: 10px; +} /* Forms */ .bs-example-control-sizing select, @@ -536,6 +540,10 @@ body { .bs-example-tooltips { text-align: center; } +.bs-example-tooltips > .btn { + margin-top: 5px; + margin-bottom: 5px; +} /* Popovers */ .bs-example-popover { diff --git a/components.html b/components.html index c6a670a634..71b4f836fa 100644 --- a/components.html +++ b/components.html @@ -160,34 +160,40 @@ base_url: "../"
Instead of applying button sizing classes to every button in a group, just add .btn-group-*
to the .btn-group
.
Turn a button into a dropdown toggle with some basic markup changes.
Similarly, create split button dropdowns with the same markup changes, only with a separate button.
Button dropdowns work with buttons of all sizes.