Comment augmenter la largeur modale de bootstrap?

j’ai essayé ceci mais a mal tourné

voici le css

body .modal-ku { width: 750px; } 

et voici le résultat raté

entrer la description de l'image ici

Dans votre code, pour le div modal-dialog , ajoutez une autre classe, modal-lg :

  

Ou si vous voulez centrer votre boîte de dialog modale, utilisez:

 .modal-ku { width: 750px; margin: auto; } 

La manière la plus simple peut être un style en ligne sur modal-dialog :

  

Dans Bootstrap 3, vous devez modifier la boîte de dialog modale. Donc, dans ce cas, vous pouvez append la classe modal-admin à l’endroit où se trouve la boîte de dialog modale.

 @media (min-width: 768px) { .modal-dialog { width: 600; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } 

Dans Bootstrap, la largeur par défaut du modal-dialog est 600px . Mais vous pouvez modifier explicitement sa largeur. Par exemple, si vous souhaitez maximiser sa largeur à la valeur de votre choix, par exemple 800px , procédez comme suit:

 .modal-dialog { width: 800px; margin: 30px auto; } 

Remarque : cette modification définit toutes les boîtes de dialog modales que vous utilisez dans votre application. De plus, je vous conseille de définir vos propres règles CSS et de ne pas toucher au cœur du framework.

Si vous voulez seulement qu’il soit défini pour une boîte de dialog modale spécifique, utilisez votre propre nom de classe entraînant comme modal-800 dont la largeur est définie sur 800px , comme suit:

HTML

  

CSS

 .modal-dialog.modal-800 { width: 800px; margin: 30px auto; } 

De même, vous pouvez avoir un nom de classe basé sur la largeur, comme modal-700 dont la largeur est de modal-700 700px .

J’espère que c’est utile!

Je suppose que cela se produit parce que la largeur maximale d’un modal est définie sur 500px et que la largeur maximale de modal-lg est de 800px.

 .your_modal { width: 800px; margin-left: -400px; } 

La valeur de marge à gauche est la moitié de la largeur du modal. J’utilise ceci avec le thème Admin de Maruti car il n’a pas de classe .modal-lg .modal-sm