
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-primary">Primary</button>
<a class="btn btn-primary" href="javascript:void(0)" role="button">Link</a>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-primary btn-block">Block level button</button>
<span class="btn-group-toggle" data-toggle="buttons">
<label class="btn btn-secondary">
<input type="checkbox" checked=""> Checked
</label>
</span>
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-primary"> <input type="radio" name="options" id="option1">
Radio
</label>
<label class="btn btn-primary active"> <input type="radio" name="options" id="option2" checked=""> Active
</label>
<label class="btn btn-primary"> <input type="radio" name="options" id="option3">
Radio
</label>
</div>
<button type="button" class="btn btn-primary active" data-toggle="button" aria-pressed="true">
Single toggle
</button>
Last updated
Was this helpful?