I think the best way is to costruct responsive rules to Modals.
If my ViewPort it's Large, my modal should be Large, and if my voewport
it's shot...
Example:
@media (min-width: 1200px) {
.modal{
width: 960px;
margin-left: -480px;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.modal{
width: 760px;
margin-left: -380px;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Landscape phones and down */
@media (max-width: 480px) {
.modal{
width: 460px;
margin-left: -230px;}
}
El miércoles, 14 de marzo de 2012 06:59:50 UTC-5, Ian Pollard escribió:
>
> Hi there,
>
> I'm trying to increase the size of a Bootstrap modal and have its
> positioning proportionally adjusted too. I've read this Stackoverflow
> discussion<http://stackoverflow.com/questions/9416985/increase-modal-size-for-twitter-bootstrap/9422078#9422078>,
>
> but it's sort of missing the point; it's not just about the size of the
> modal box.
>
> With other modal's you'd usually feed width/height parameters in the
> JavaScript call, but that doesn't look to be how Bootstrap's modal works. I
> can overrivde the width/height CSS properties, but screws up the nicely
> centered positioning of the modal.
>
> What's the official word on a non-standard sized modal?
>
> Cheers,
>
> Ian
>
