The most common form text field is the input field. This is where users will enter most of the essential form data. Bootstrap offers support for all native HTML5 input types: text, password, datetime,datetime-local, date, month, time, week, number, email, url, search, tel, and color. The proper type declaration is required to make Inputs fully styled. You can try to run the following code to learn how to work with form input in BootstrapExampleLive Demo           Bootstrap Form Input                                                             Player                                             Rank                                

When building a form, use the checkbox class if you want the user to select any number of options from a list. Use .checkbox-inline class to a series of checkboxes for controls appear on the same line.You can try to run the following code to implement the Bootstrap checkbox class −ExampleLive Demo           Try v1.2 Bootstrap Online                                 Favourite Live Streaming                             Amazon Prime                                             Hotstar                    

Use .checkbox-inline class to a series of checkboxes for controls to appear on the same line.You can try to run the following code to implement the .checkbox-inline classExampleLive Demo           Bootstrap Forms                                       Best IDE (You can select more than one)                             NetBeans IDE                                 Eclipse IDE                    

The Bootstrap active contextual class applies hover color to a particular row or cell. You can try to run the following code to implement the active contextual classExampleLive Demo           Bootstrap Table                                                                      Subject                Marks                Student                                                            Maths                90                Amit                                        Science                80                Aman                                        English                85                Rahul                                

To indicate a warning action to a particular table row or cell with Bootstrap, use the .warning class.You can try to run the following code to implement the .warning class −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           Java                   90                   Programming Language                                                   PHP                   92                   Scripting Language                                                   jQuery                   80                   JavaScript Library                                                

To create a horizontal layout in Bootstrap, use the form-horizontal class.You can try to run the following code −ExampleLive Demo           Bootstrap Example                                                             Name                                                                         Country                                                                                        Sign in                                

Use checkbox class if you want the user to select any number of options from a list. Use .checkbox-inline class to a series of checkboxes for controls appear on the same line.You can try to run the following code to implement Bootstrap form checkboxExampleLive Demo           Try v1.2 Bootstrap Online                                 Favourite Live Streaming                             Amazon Prime                                             Hotstar                    

To create a form with inline elements, use the form-inline class in Bootstrap.You can try to run the following code to achieve thisExampleLive Demo           Bootstrap Example                                                             Name                                             File input                                             Check for Newsletter                    Submit          

To create a horizontal form in Bootstrap, follow the below steps − Add a class of .form-horizontal to the parent element. Wrap labels and controls in a with class .form-group. Add a class of .control-label to the labels.You can try to run the following code to create a horizontal form in Bootstrap −ExampleLive Demo           Bootstrap Example                                                             First Name                                                                         Last Name                                                                                                           Remember me                                                                            Sign in                                

The Bootstrap warning contextual class indicates a warning action.You can try to run the following code to implement the .warning classExampleLive Demo           Bootstrap Table                                                                      Subject                Marks                Student                                                            Programming                90                Amit                                        Web Dev                92                Yuvraj                                        Science                95                Sachin