Hindi
English
Buttons
<div class="button-small">
<div class="normal-btn">
<button type="button" class="btn btn-primary">Button</button>
<button type="button" class="btn btn-secondary">Button</button>
<button type="button" class="btn btn-success">Button</button>
<button type="button" class="btn btn-danger">Button</button>
<button type="button" class="btn btn-warning">Button</button>
<button type="button" class="btn btn-info">Button</button>
<button type="button" class="btn btn-light">Button</button>
<button type="button" class="btn btn-dark">Button</button>
</div>
<div class="outline-btn">
<button type="button" class="btn btn-outline-primary">Button</button>
<button type="button" class="btn btn-outline-secondary">Button</button>
<button type="button" class="btn btn-outline-success">Button</button>
<button type="button" class="btn btn-outline-danger">Button</button>
<button type="button" class="btn btn-outline-warning">Button</button>
<button type="button" class="btn btn-outline-info">Button</button>
<button type="button" class="btn btn-outline-light">Button</button>
<button type="button" class="btn btn-outline-dark">Button</button>
</div>
</div> <div class="button-medium">
<h3>Medium buttons</h3>
<div class="normal-btn">
<button type="button" class="btn btn-primary">Button</button>
<button type="button" class="btn btn-secondary">Button</button>
<button type="button" class="btn btn-success">Button</button>
<button type="button" class="btn btn-danger">Button</button>
<button type="button" class="btn btn-warning">Button</button>
<button type="button" class="btn btn-info">Button</button>
<button type="button" class="btn btn-light">Button</button>
<button type="button" class="btn btn-dark">Button</button>
</div>
<div class="outline-btn">
<button type="button" class="btn btn-outline-primary">Button</button>
<button type="button" class="btn btn-outline-secondary">Button</button>
<button type="button" class="btn btn-outline-success">Button</button>
<button type="button" class="btn btn-outline-danger">Button</button>
<button type="button" class="btn btn-outline-warning">Button</button>
<button type="button" class="btn btn-outline-info">Button</button>
<button type="button" class="btn btn-outline-light">Button</button>
<button type="button" class="btn btn-outline-dark">Button</button>
</div>
</div> <div class="button-large">
<div class="normal-btn">
<button type="button" class="btn btn-primary">Button</button>
<button type="button" class="btn btn-secondary">Button</button>
<button type="button" class="btn btn-success">Button</button>
<button type="button" class="btn btn-danger">Button</button>
<button type="button" class="btn btn-warning">Button</button>
<button type="button" class="btn btn-info">Button</button>
<button type="button" class="btn btn-light">Button</button>
<button type="button" class="btn btn-dark">Button</button>
</div>
<div class="outline-btn">
<button type="button" class="btn btn-outline-primary">Button</button>
<button type="button" class="btn btn-outline-secondary">Button</button>
<button type="button" class="btn btn-outline-success">Button</button>
<button type="button" class="btn btn-outline-danger">Button</button>
<button type="button" class="btn btn-outline-warning">Button</button>
<button type="button" class="btn btn-outline-info">Button</button>
<button type="button" class="btn btn-outline-light">Button</button>
<button type="button" class="btn btn-outline-dark">Button</button>
</div>
</div>