title: bootstrap col-xs not working
body: <p>This is my code for Employer page. The bootstrap <code>col-xs</code> is not working. While I reduce the size of browser to <code>xs</code> width the text boxes are not changing there size. The box is actually going out of panel limits. </p>
  
  <p>Can somebody help me with a solution?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;html&gt;
      
      &lt;head&gt;
      
      &lt;title&gt; Employer Registration Page &lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
        &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
        
        &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
        
        &lt;script type="text/javascript" src="jquery-1.11.3.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="empreg1.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="try2.js"&gt;&lt;/script&gt;
      &lt;style type ="text/css"&gt;
        
        sup{
        color:red;
        }
        .paddi{
        padding:10px;
        }
        
        input[type="text"] {
          width: 300px;
      }
      input[type="password"]{
      width:300px;
      }
        
        #errorBox{
        color:red;
        }
        .mar{
        margin-top:100px;
        }
        &lt;/style&gt;
      
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div class="container"&gt;
      &lt;div class= "col-xs-offset-6 col-xs-6 paddi"&gt;
      &lt;a href="#"&gt;&lt;button class="btn btn-lg"&gt;&lt;strong&gt;Already a member. Please Sign In&lt;/strong&gt;&lt;/button&gt;
      &lt;/a&gt;
      &lt;/div&gt;
      
      &lt;div class="mar"&gt;
        
      &lt;form  class="form-horizontal" role="form" method="POST" action="#"&gt;
      &lt;div class="panel panel-primary"&gt;
      &lt;div class="panel-heading text-center"&gt;
        &lt;h3&gt;
      New Client Registration
      &lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="panel-body"&gt;
      &lt;div id="errorBox"&gt;&lt;/div&gt;
      &lt;div class="page-header paddi"&gt;
      &lt;h4&gt;
      Create your Account Details
      &lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="email"&gt;
      &lt;sup&gt;*&lt;/sup&gt;Email ID: 
      &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;input type="text" name= "eid" id="eid" /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="pwd"&gt;
      &lt;sup&gt;*&lt;/sup&gt;Create a Password for your account: &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;input type="password" name="pwd" id="pwd" /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="cpwd"&gt;
      
      &lt;sup&gt;*&lt;/sup&gt;Confirm Password: &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;input type="password" name="cpwd" id="cpwd" /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="cname"&gt;
      &lt;sup&gt;*&lt;/sup&gt;Company Name: &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;input type="text" name="cname" id="cname"/&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="ctype"&gt;
      &lt;sup&gt;*&lt;/sup&gt;Company Type:
      &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;label class="radio-inline"&gt;
      &lt;input type="radio" name= "ctype" class="rdo"/&gt;Company &lt;/label&gt;
      &lt;label class="radio-inline"&gt;
      &lt;input type="radio" name="ctype" class="rdo" /&gt; Consultant &lt;/label&gt;
      &lt;label class="radio-inline"&gt;
      &lt;input type="radio" name ="ctype" class="rdo" /&gt; Recruiter &lt;/label&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="itype"&gt;
      &lt;sup&gt;*&lt;/sup&gt;Industry Type:
      &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;select id="itype"&gt;
      &lt;option value=""&gt;Select...&lt;/option&gt;
      &lt;option value="Agri"&gt;Agri&lt;/option&gt;
      &lt;/select&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="lcn"&gt;
      Location: &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
       &lt;input type="text" name="lcn" id="lcn" /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="cntry"&gt;
      &lt;sup&gt;*&lt;/sup&gt;Country: &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;select id="cntry"&gt;
      
      &lt;/select&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="cnum"&gt;
      &lt;sup&gt;*&lt;/sup&gt;Contact Number:
      &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;input type="text" name="cnum" id="cnum"/&gt;
      &lt;/div&gt;
      &lt;/div&gt; 
      &lt;div class="form-group"&gt;
      &lt;label class="control-label col-xs-3 text-right" for="cpnm"&gt;
      &lt;sup&gt;*&lt;/sup&gt;Contact Person Name:
      &lt;/label&gt;
      &lt;div class="col-xs-7"&gt;
      &lt;input type="text" name="cpnm" id="cpnm" /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group row"&gt;
      
      &lt;label class="control-label col-xs-3 text-right" for="acd"&gt; &lt;sup&gt;*&lt;/sup&gt;About Company:
      &lt;/label&gt;
      
      &lt;div class="col-xs-7"&gt;
       &lt;textarea class="form-control" rows="5" id="acd"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;/div&gt; 
      &lt;div class="control-group"&gt;
              &lt;!-- Button --&gt;
              &lt;div class="controls col-xs-offset-3 col-xs-2"&gt;
               &lt;button class="btn btn-success" id="reg"&gt;Register&lt;/button&gt;
              &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      
      
      &lt;/form&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>