YouTip

We can use the .input-group class to add more styles to form input boxes, such as icons, text, or buttons. The .input-group-text class is used to set the text style. !(#) ## Bootstrap Example [Try it yourself »](#) * * * ## Input Group Size Use the .input-group-sm class for small input groups, and the .input-group-lg class for large input groups: ## Bootstrap Example [Try it yourself »](#) * * * ## Multiple Inputs and Text ## Bootstrap Example [Try it yourself »](#) * * * ## Checkboxes and Radio Buttons Text can be replaced with checkboxes and radio buttons: !(#) ## Bootstrap Example [Try it yourself »](#) * * * ## Input Group with Buttons ## Bootstrap Example [Try it yourself »](#) * * * ## Dropdown Menu The .dropdown class is not required when adding a dropdown menu in an input group. !(#) ## Bootstrap Example [Try it yourself »](#) * * * ## Input Group Labels To set a label for an input group, place a label outside the input group. The label's for attribute should match the input group's id. Clicking the label will focus the input: !(#) ## Bootstrap Example Enter your email here: [Try it yourself »](#)