What is the use of the bootstrap input box group

This article mainly shows you "what are the usages of bootstrap input box group", the content is simple and easy to understand, and the organization is clear. I hope it can help you solve your doubts. Let Xiaobian lead you to study and learn this article "what are the usages of bootstrap input box group".

1. Bootstrap4 Input box group

We can use the.input-group class to add more styles to the form input box, such as icons, text, or buttons. The.input-group-append class adds text information to the front of the input box, and the.input-group-append class adds text information to the back of the input box. Finally, we need to style text using the.input-group-text class.

@ @runoob.com

2. Input box size

Use the.input-group-sm class to set small input boxes, and the.input-group-lg class to set large input boxes:

Small Default Large

Multiple input boxes and text

Person One Two Three

4. Check boxes and radio boxes

5. Input box plus button group

Basic Button Go OK Cancel

6. Settings drop-down menu

select Site GOOGLE RUNOOB TAOBAO

7. Input box group label

In the input box group, label is set by label at the periphery of the input box group. The for attribute of the label needs to correspond to the id of the input box group. Click the label to focus on the input box:

Write your email here: @ runoob.com The above is "What are the usages of bootstrap input box group" All the contents of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!