title: Input textboxs are moving when clicked
body: <p>I am working on a project. You can access to the page <a href="http://77.240.19.15/~play1sueprapp/WPC/" rel="nofollow">here</a>
  Here is the small bit where the error happens
      </p>
  
  <pre><code>            &lt;div class="col-sm-6 responsive-table"&gt;
                  &lt;table&gt;
                      &lt;caption&gt;Page template&lt;/caption&gt;
                      &lt;tr  &gt;
                          &lt;td class='leftCol'&gt;Easy&lt;/td&gt;
                          &lt;td &gt;&lt;input   ng-model='page.easy' ng-model='wordpress' min=0 type='number' class='form-control numberInput' &gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr &gt;
                          &lt;td  &gt;Medium&lt;/td&gt;
                          &lt;td &gt;&lt;input   ng-model='page.medium' type='number' min=0 class='form-control numberInput'&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr &gt;
                          &lt;td class='leftCol'&gt;Hard&lt;/td&gt;
                          &lt;td &gt;&lt;input   ng-model='page.hard' type='number' min=0 class='form-control numberInput'&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
  
              &lt;div class="col-sm-6 responsive-table"&gt;
                  &lt;table&gt;
                      &lt;caption&gt;Frontpage template&lt;/caption&gt;
                      &lt;tr  &gt;
                          &lt;td class='leftCol'&gt;Easy&lt;/td&gt;
                          &lt;td&gt;&lt;input   ng-model='frontpage.easy' type='number' min=0 class='form-control numberInput'&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr &gt;
                          &lt;td  &gt;Medium&lt;/td&gt;
                          &lt;td&gt;&lt;input   ng-model='frontpage.medium' type='number' min=0 class='form-control numberInput'&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr  &gt;
                          &lt;td class='leftCol'&gt;Hard&lt;/td&gt;
                          &lt;td&gt;&lt;input   ng-model='frontpage.hard' type='number' min=0 class='form-control numberInput'&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt; 
  </code></pre>
  
  <p>When I clicked the input text boxes in the app, the whole group moves. Anyone knows why?
  At first I thought it would be because of data-toggle tooltip. I tried to fix with adding container body to the element but it just does not work. I think it is not because of the tooltip because I even removed the tooltip stuffs but it still does not work.
  Thank you for reading! Any answers, tips or suggestions is welcome.</p>