Input Addons
Addon in Left side
Add
class="input-group-addon" .
@
Addon in Right side
Add
class="input-group-addon" .
@example.com
Addon with URL
Add
class="input-group-addon" .
https://example.com/
Addon with Icon
Add
class="input-group-addon" .
Addon in both sides
Add
class="input-group-addon" .
$
.00
Multiple Addons
Add
class="input-group-addon" .
$
0.00
Addon in Large size
Add
class="input-group-lg" .
@
Addon in Small size
Add
class="input-group-sm" .
@
Addon with Checkbox
Add
class="custom-checkbox" .
Addon with Radio
Add
class="custom-radio".
Addon with Button
Add
class="input-group-btn" .
Addon with Button
Add
class="input-group-btn" .
Addon with Buttons
Add
class="input-group-btn" .
Addon with Left dropdown
Add
class="input-group-btn" .
Segmented buttons with background color
Add
class="input-group-btn" .
Segmented buttons with colored outline
Add
class="input-group-btn" .
Addon Danger
Use
class="has-danger" .
Addon Danger with icon
Use
class="form-control-danger" .
Addon Success
Use
class="has-success" .
Addon Success with icon
Use
class="form-control-success" .
Addon Warning
Use
class="has-warning" .
Addon Warning with icon
Use
class="form-control-warning" .
Addon with background
Use
class="bg-primary" .
@
Addon with Left side Image
Addon with Right side Image
Addon Image on both sides
Rounded addon
Rounded addons with dropdowns
Rounded addon with image
Rounded addon Image on both sides
