Bootstrap Responsive Table Pas de réponse par intérim

Pouvez vous s'il vous plaît prendre un coup d'oeil à ce lien (Veuillez défiler vers le bas jusqu'à la fin de la page )et laissez-moi savoir pourquoi"
1 - le Tableau n'est pas actinf sensible?
2 - je veux pouvoir contrôler <td> largeurs en utilisant col-md-3 et col-lg-3 n'cela fonctionne dans le tableau?

Voici le code que j'ai:

<div class="col-md-offset-1  col-lg-offset-1 col-md-6    col-lg-6">
<table class="table table-hover table-responsive">
<tbody>
<tr>
<td width="174"><strong>7:30 – 8:45 a.m.</strong></td>
<td>Arrival /Health CheckFree Choice in Activity Areas, books, puzzles, matching games, large block building, small blocks, floor toys, Lego, trucks and car play.</td>
</tr>
<tr>
<td><strong>8:45 – 9:00 a.m.</strong></td>
<td>Clean-up, toileting, wash up for snack</td>
</tr>
<tr>
<td><strong>9:00 – 9:30 a.m.</strong></td>
<td>Morning snack</td>
</tr>
<tr>
<td><strong>9:30 -10:00 a.m.</strong></td>
<td>Circle Time: Action songs, singing time, finger plays, hello songs, discussion of daily activities</td>
</tr>
   </tbody>
</table>
</div>

COMME vous pouvez le voir, je ne pouvais pas contrôler la taille de la table avec col-md-3 et col-lg-3 donc je wraped dans un div, mais la réponse n'est pas de travail

source d'informationauteur Mona Coder

  1. 47

    S'il vous plaît re-lire les docs sur cette fonctionnalité. Le table-responsive les besoins de la classe à être sur un wrapper div, pas la table elle-même.

    <div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
  2. 0

    .table-responsive devrait être sur wrapper div parce que même si vous utilisez la propriété css overflow:scroll barre de défilement ne sera pas actif sur la balise de la table nous sommes donc à l'aide d'une enveloppe de div avec la classe table-responsive pour montrer à la barre de défilement pour faire table réactive.

    C'est la raison pour laquelle nous devons écrire sensible code de la table comme ceci

    <div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
  3. 0

    Il ne travaux pour définir la table-responsive classe sur la table elle-même, si vous aussi, choisissez la table à display: block. Il est généralement mieux d'utiliser le wrapper div.