Bootstrap: .modal-dialog na tela SM estreita não tem margem horizontal

Criado em 26 mai. 2016  ·  3Comentários  ·  Fonte: twbs/bootstrap

Refs https://github.com/twbs/bootstrap/issues/19969#issuecomment -221954529

css has-pr v4
Fonte
picture cvrebert

Comentários muito úteis

(O teste requer que a janela de visualização tenha entre 544 px e 599 px.)

picture cvrebert em 26 mai. 2016
👍3

Todos 3 comentários

Caso de teste: https://jsfiddle.net/x1qpe0mm/

RyanZim picture RyanZim em 26 mai. 2016

(O teste requer que a janela de visualização tenha entre 544 px e 599 px.)

cvrebert picture cvrebert em 26 mai. 2016
👍3

Um preenchimento esquerdo / direito para o .modal-dialog faria o trabalho: https://jsfiddle.net/x1qpe0mm/1/

<strong i="7">@media</strong> (min-width: 544px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
    padding: 0 10px;
  }
}
rwaltenberg picture rwaltenberg em 9 nov. 2016
Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

leomao10 picture leomao10  ·  3Comentários
eddywashere picture eddywashere  ·  3Comentários
ghost picture ghost  ·  3Comentários
athimannil picture athimannil  ·  3Comentários
bellwood picture bellwood  ·  3Comentários