Taille photo avec bootstrap

Bonjour tout le monde,

Moi j'ai un problème que j'arrive pas à résoudre mais qui se résout que sur 2 lignes je suis sûre.. Voila tout j'ai crée un système d'article qui affiche des photos de toute taille.. Donc j'aimerais que quand j'affiche mon modal celui-ci respecte une taille particulière et surtout ne dépasse pas l'écran (que ce soir paysage ou portrait). Pour l'instant dans mes codes j'ai juste coupé la photo pour que je puisse utilisé l'ascenseur mais c'est pas du tout pratique :/

Pour mieux que vous compreniez tout ca je vous envois le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="row">
                <div class="col-md-6">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">×</button>
                        <h3 class="modal-title">
                        </h3>
                      </div>
                      <div class="card-img-top img-responsive">
                      </div>
                    </div>
                  </div>
                </div>

Et ca c'est comment je l'ai personnaliser en ce moment :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/*le modal */
  #myModal .modal-dialog{
  }
 
  .modal {
 
    margin-left: 10rem;
    min-height: 350px;
    height: 80%;
    width:100%;
    /*voila comment je gère la taille pour l'instant */ 
 
  }
 
  .modal-content{
    width:100%;
  }
 
 
  #myModal  .panel  {
    position: center;
  }
  /*fin du modal */

Un grand merci a ceux qui m'aideront :)

Bonjour,
laisse faire la nature, regarde déjà avec un simple
Code:

1 2 3 4 img { width: 100%; height: auto; }

Merci a toi mais ca ne marche pas :/

Parce que quand une photo de base doit être publié et que celle ci est toute petite, celle-ci devient encore plus petites comparé au autres.. A l'inverse je peux pas les mettre grand parce que celle-ci dépasse écran :/

C'est pour ca que je sais pas trop quoi faire je suis bloqué..

J'ai du mal à comprendre ce que tu manipules comme image et comment tu les affiches, regarde également du coté de
Code:

1 2 3 4 img { max-width: 100%; max-height: 100%; }