title: Center <td> using bootstrap
body: <p>I'm trying to center some inputs inside a table and set a size to this td using bootstrap (on angularjs) but I can't make it work !</p>
  
  <p>What I have now:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;form class="form" data-ng-submit="salvarPartida()"&gt;
          &lt;table class="table table-bordered" align="center"&gt;
              &lt;tr data-ng-repeat="partida in partidas | filter : {fase : fase}"&gt;
                  &lt;td style="height: 30px; text-align: right; font-size: 10pt;"&gt;{{partida.time1.nome}}
                      &lt;img data-ng-src="/images/bandeiras/{{partida.time1.imgNumber}}.png" style="vertical-align: middle;"&gt;
                  &lt;/td&gt;
                  &lt;td  class="col-sm-6"&gt;
                      &lt;div class="col-xs-3" &gt;
                          &lt;input type="text" class="form-control"&gt;
                      &lt;/div&gt;
                      &lt;div class="col-xs-3"&gt;
                          &lt;input type="text" class="form-control"&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                  &lt;br&gt;
                  &lt;td  style="height: 30px; text-align: left; font-size: 10pt;"&gt;&lt;img src="/images/bandeiras/{{partida.time2.imgNumber}}.png" title="{{partida.time2.nome}}" 
                      style="vertical-align: middle;"&gt; {{partida.time2.nome}}&lt;/td&gt;&lt;/tr&gt;
                  &lt;/table&gt;
                  &lt;button class="btn btn-primary btn-block" type="submit"&gt;Salvar&lt;/button&gt;
                  &lt;br&gt;
                  &lt;br&gt;
              &lt;/form&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Which looks like: <img src="https://i.stack.imgur.com/0V8r4.png" alt="this"></p>
  
  <p>But my expectations are : <img src="https://i.stack.imgur.com/TpM9W.png" alt="expectations"></p>
  
  <p>Nevermind the color styles, I'd like just to proper align all fields !</p>
  
  <p>I've tried using align="center" on the , class="text-align" inside the td class, also tried creating a  nested into this  using the previous text-center class but no luck !</p>
  
  <p>My jsfiddle: <a href="http://jsfiddle.net/vea5G/" rel="noreferrer">fiddle</a></p>
  
  <p>Thanks so much.</p>