Buttons – OrdaSoft

1526 Cortelyou Rd, Brooklyn, NY 11226, United States

777-77-77

email@zoo-clinic.com

Buttons

Standard button

<!-- Standard button -->
<button class="btn btn-default" type="button">Default</button>
 
<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button class="btn btn-primary" type="button">Primary</button>
 
<!-- Indicates a successful or positive action -->
<button class="btn btn-success" type="button">Success</button>
 
<!-- Contextual button for informational alert messages -->
<button class="btn btn-info" type="button">Info</button>
 
<!-- Indicates caution should be taken with this action -->
<button class="btn btn-warning" type="button">Warning</button>
 
<!-- Indicates a dangerous or potentially negative action -->
<button class="btn btn-danger" type="button">Danger</button>

Large button

  <button class="btn btn-default btn-lg" type="button">Default button</button>
  <button class="btn btn-primary btn-lg" type="button">Primary button</button>
  <button class="btn btn-primary btn-lg btn-success" type="button">Success button</button>
  <button class="btn btn-primary btn-lg btn-info" type="button">Info button</button>
  <button class="btn btn-primary btn-lg btn-warning" type="button">Warning button</button>
  <button class="btn btn-primary btn-lg btn-danger" type="button">Danger button</button>

Button

  <button class="btn btn-default" type="button">Default button</button>
  <button class="btn btn-primary" type="button">Primary button</button>
  <button class="btn btn-primary btn-success" type="button">Success button</button>
  <button class="btn btn-primary btn-info" type="button">Info button</button>
  <button class="btn btn-primary btn-warning" type="button">Warning button</button>
  <button class="btn btn-primary btn-danger" type="button">Danger button</button>

Small button

  <button class="btn btn-default btn-sm" type="button">Default button</button>
  <button class="btn btn-primary btn-sm" type="button">Primary button</button>
  <button class="btn btn-primary btn-sm btn-success" type="button">Success button</button>
  <button class="btn btn-primary btn-sm btn-info" type="button">Info button</button>
  <button class="btn btn-primary btn-sm btn-warning" type="button">Warning button</button>
  <button class="btn btn-primary btn-sm btn-danger" type="button">Danger button</button>

Mini button

  <button class="btn btn-default btn-xs" type="button">Default button</button>
  <button class="btn btn-primary btn-xs" type="button">Primary button</button>
  <button class="btn btn-primary btn-xs btn-succes" type="button">Success button</button>
  <button class="btn btn-primary btn-xs btn-info" type="button">Info button</button>
  <button class="btn btn-primary btn-xs btn-warning" type="button">Warning button</button>
  <button class="btn btn-primary btn-xs btn-danger" type="button">Danger button</button>

Nested button groups

Single button dropdowns

 <!-- Single button -->

Split button dropdowns

<!-- Split button -->

Dropup buttons

Buttons instead of text

<!-- /.row -->

Buttons with dropdowns

<!-- /.row -->