Bootstrap 3.1.0 modal de dimensionnement n'est pas appliqué

Après la mise à jour de mon bootstrap-sass gemme 3.1.0 pour profiter des nouvelles options de dimensionnement sur les auxiliaires modaux (.modal-lg et .modal-sm), j'ai été incapable d'obtenir le style à appliquer. Mon code est comme suit:

<div aria-hidden="false" aria-labeldby="ccModalLabel" class="modal fade in" id="ccModal" role="dialog" style="display: block;">
  <div class="modal-dialog modal-sm">
    ...content...
  </div>
</div>

Qui, autant que je puisse en dire, est presque identique à l'exemple dans tous les attributs de la matière:

<div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

Cependant, lors de l'inspection, la modal-sm classe n'a pas été évalué dans mon code tel qu'il est, dans l'exemple, m'amenant à penser que peut-être il n'est pas inclus dans le joyau d'une certaine manière, ou ai-je raté quelque chose? Le modal fonctionne dans tous les autres à part le choix de la taille.

quel est l'environnement où vous essayez ce code
Ruby 2.0.0p353, Rails 4.0.2
de développement ou de production ..est-il de votre système local où vous êtes confrontés à ce problème ou un site web
Développement, de tests pour s'assurer qu'il n'y avait pas de modifications importantes
Je pense que le problème n'est pas lié aux Rails, mais Bootstrap lui-même. Vous devriez peut-être changer le titre (enlever les Rails de tags)

OriginalL'auteur Jonathan Bender | 2014-02-01

  1. 8

    Essayer dernière Bootstrap version 3.1.1

    Bootstrap
    Bootstrap SASS

    Je suis sur 3.1.1.0 et toujours le même problème OP.
    avez-vous encore la question?

    OriginalL'auteur Design by Adrian

  2. 9

    Je ne peux pas simplement mettre à jour mon bootstrap en raison de certaines modifications importantes donc je l'ai ajouté à mon site.css

    @media screen and (min-width: 768px) {
  .modal-lg{
      width:900px;
  }

  .modal-sm{
      width:300px;
  }
}

    J'espère que cela aide quelqu'un d'autre.

    A travaillé pour moi. Très apprécié.

    OriginalL'auteur jokab

  3. 0

    Vous devez définir $modal-lg avec la largeur désirée avant d'importer votre fichier de démarrage:

    $modal-lg: 900px;
@import "bootsrap";

    La valeur par défaut est 900px.

    OriginalL'auteur Ivo