Bootstrap : cacher des lignes d'un tableau

Bonjour,

Voila je rencontre un petit problème avec mon code.
Je cherche à cacher 3 lignes (V, N et D) de ce tableau sur smartphone (d'où le hidden-xs).
Problème : le "<div class="col-md-12 col-sm-12 hidden-xs">" ne resout pas ma demande, il ne change rien.

  <div class="col-md-12 col-sm-12 col-xs-12">

              <div class="panel panel-default">
                  <div class="panel-heading">
                      <h4><i class="fa fa-fw fa-cubes"></i> Classement</h4>
               </div>

                  <table class="table">

               <thead>
          <tr>
            <th>Position</th>
            <th>Equipe</th>
            <th>Pts</th>
<div class="col-md-12 col-sm-12 hidden-xs">
            <th>V</th>
            <th>N</th>
            <th>D</th>
</div>  

          </tr>
          </thead>

J'aimerai, si possible, rester en HTML et ne pas avoir à créer un CSS.
Si un d'entre vous a la solution, ca serait super sympa ;)
Merci d'avance pour votre aide.