Ist es möglich, die Größe des Modals in den Optionen anzugeben?

Ja, Sie können einen size Schlüsselwert (sm, md, lg) angeben, der auf .modal-sm, .modal-md and .modal-lg interpoliert.

Wie in der eckigen Bootstrap-Dokumentation angegeben:

  

size - optionale Größe des modalen Fensters. Erlaubte Werte: 'sm' (klein) oder   'lg' (groß). Benötigt Bootstrap 3.1.0 oder höher

Javascript

Wenn Sie mit der Größe dieser Werte nicht zufrieden sind, haben Sie zwei Möglichkeiten:

[ 1 ] Fügen Sie dem modalen Fenster auf oberster Ebene eine Klasse hinzu, indem Sie das Attribut windowClass verwenden und dann diese Klasse verwenden, um die entsprechenden Elemente über css-Kindselektoren zu ändern.

[ 2 ] Sie können die Vorlage auch mithilfe von windowTemplateUrl ändern und die Standardvorlagenimplementierung überschreiben oder selbst eine Vorlage erstellen.

Angular UI Bootstrap wendet eine bedingte Klasse auf jedes Modal an, basierend darauf, welcher String als Größenoption übergeben wird modalInstance.

Sie können eine benutzerdefinierte Zeichenfolge übergeben, um eine Klasse im Format modal- [yourSizeString] zu erstellen. Erweitern Sie die Standardmodalgrößen, indem Sie size: 'xl' oder etwas Ähnliches übergeben, um die Klasse modal-xl zu generieren, die mit einer benutzerdefinierten Breite formatiert werden kann.

JS

CSS