Skip to content

Instantly share code, notes, and snippets.

@DeanPoulin

DeanPoulin/toolbar-sizing.html

Created January 14, 2014 00:17
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save DeanPoulin/8410620 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save DeanPoulin/8410620 to your computer and use it in GitHub Desktop.
Download ZIP
Toolbar Sizing
Raw
toolbar-sizing.html
<div class="btn-toolbar" role="toolbar">
<div class="btn-group btn-group-lg">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>
</div>
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>
</div>
<div class="btn-toolbar" role="toolbar">
<div class="btn-group btn-group-sm">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>
</div>
<div class="btn-toolbar" role="toolbar">
<div class="btn-group btn-group-xs">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment