Why is my Bootstrap column centered instead of left-aligned?

Question

I am using standard Bootstrap 3 CSS.

Image of my issue:

My HTML is below:

Answer 1

You have to use bootstrap row column rules for the aligned layout mentioned here like below inside the form

Note: See the following snippet in expand preview

  

    

      
Tell Us More About Yourself
      

        Motto:
        

          
        
      
      

      

      

        Occupation:
        

          
        
      
      

      

      

        Location:
        

          
        
      
      

      

      Update Profile
    
  
  

    

      
Change Your Password:
      

        

          

            New Password (must be at least 5 characters long):
            

              
            
          
          

          

          

            Confirm New Password:
            

              
              

                
Your passwords must match!
                
Your password is too short!
              
            
          
          

          

          Change Password