input forms in bootstrap code example

Example 1: bootstrap input field validation

  

    

      First name
      
      

        Looks good!
      
    
    

      Last name
      
      

        Looks good!
      
    
    

      Username
      

        

          @
        
        
        

          Please choose a username.
        
      
    
  
  

    

      City
      
      

        Please provide a valid city.
      
    
    

      State
      
      

        Please provide a valid state.
      
    
    

      Zip
      
      

        Please provide a valid zip.
      
    
  
  

    

      
      
        Agree to terms and conditions
      
      

        You must agree before submitting.
      
    
  
  Submit form

Example 2: bootstrap forms

Example of .form-group

 

 Email 

address
 
 
 

 Your password
 
 
 

 
 Remember me
 
 Submit

.form-control
Use this class to style all textual form controls such as user input, titles, etc.

 

 Email address
 
 
.form-control-file
Add this class whenever you need to provide the user with an option to upload a file to the form.

.form-control-lg and .form-control-sm.
Create a visual hierarchy within your form by adding .form-control-lg to make bigger input areas and .form-control-sm to
make smaller ones.

Example 3: bootstrap forms examples

    
Sign in

    
    

    
    

    

        

            
            

                
                Remember me
            
        
        

            
            Forgot password?
        
    

    
    Sign in

    
    
Not a member?
        Register
    

    
    
or sign in with: