title: Bootstrap changing keyboard tab key behavior to horizontal
body: <p>Due to the boot strap design, the keyboard tab key is working vertically(col wise) instead of horizontally.</p>
  
  <p>Can I make the keyboard tab key behavior horizontal(default behavior) without changing the design</p>
  
  <p>This is the section of code.</p>
  
  <pre><code>&lt;div class="col-md-4"&gt;
      &lt;div class="form-group col-md-12"&gt;
          &lt;span class="col-md-6"&gt;
              &lt;select ng-model="typeId" required=""&gt;&lt;option value="" class="" selected="selected"&gt;--SELECT--&lt;/option&gt;
                  &lt;option label="Employment" value="number:2"&gt;Employment&lt;/option&gt;
                  &lt;option label="Female" value="number:3"&gt;Female&lt;/option&gt;
                  &lt;option label="Food" value="number:4"&gt;Food&lt;/option&gt;
                  &lt;option label="Male" value="number:1"&gt;Male&lt;/option&gt;
              &lt;/select&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group col-md-12" "&gt;
          &lt;span class="col-md-6"&gt;
               &lt;input type="text" name="nameAr" required="" ng-maxlength="250"&gt;
          &lt;/span&gt; 
      &lt;/div&gt;
  
      &lt;div class="form-group col-md-12"&gt;
          &lt;span class="col-md-6"&gt;
              &lt;select ng-model="nId" ng-options="non.nId as non.nlity for non in List" ng-invalid-required" name="nationality" id="nationality" required=""&gt;
              &lt;/select&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group col-md-12"&gt;
      &lt;/div&gt;
      &lt;div class="form-group col-md-12"&gt;
          &lt;label class="col-md-6" for="profession"&gt;Profession:&lt;/label&gt;
              &lt;span class="col-md-6"&gt;
                  &lt;select ng-model="rpationId" ng-options="ocp.rpationId as ocp.occupation for ocp in occupationList" &gt;\
                  &lt;/select&gt;
              &lt;/span&gt;
          &lt;/span&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div class="col-md-4"&gt;
       &lt;div class="form-group col-md-12" ng-class="{ 'has-error' : regCtrl.userForm.mmpId.$invalid &amp;amp;&amp;amp; regCtrl.userForm.mmpId.$dirty }"&gt;
            &lt;label class="col-md-6" for="mmpId"&gt;MMP Id: *&lt;/label&gt; 
                  &lt;span class="col-md-6"&gt;
                      &lt;input type="text" name="mmpId" class="form-control "&gt;
                  &lt;/span&gt; 
                   &lt;div class="col-sm-6 error-color ng-scope ng-active" &gt;
                          &lt;span ng-message="required" class="ng-scope"&gt;This field is required&lt;/span&gt;
                  &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group col-md-12" &gt;
           &lt;label class="col-md-6" for="name"&gt;Name: *&lt;/label&gt; 
                &lt;span class="col-md-6"&gt;
                      &lt;input type="text" name="name" ng-maxlength="250"&gt;
                  &lt;/span&gt; 
      &lt;/div&gt;
  
      &lt;div class="form-group col-md-12" &gt;
          &lt;label class="col-md-6" for="dob"&gt;Date of Birth: *&lt;/label&gt; 
              &lt;span class="col-md-6"&gt;
                      &lt;input type="date" name="dob"   ng-maxlength="11"&gt;
                          &lt;/span&gt; 
  
      &lt;/div&gt;
  
      &lt;div class="form-group col-md-12" ng-class=""&gt;
           &lt;label class="col-md-6" for="contactNo"&gt;Contact No: *&lt;/label&gt; 
                  &lt;span class="col-md-6"&gt;
                      &lt;input type="number" name="contactNo" required=""&gt;
                  &lt;/span&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>