Position Modal-box in Twitter bootstrap-3

Ich bin versucht zu haben, einen Twitter-bootstrap 3 modal angezeigt, der fest an der oberen rechten Ecke des Körpers.

Bisher habe ich versucht:

  • position: fixed; right 0px (Links und oben funktioniert aber Recht hat keine Auswirkung)
  • übersetzen: können Sie die Arbeit mit den px-Werten oder % position aber wird nicht dasselbe sein, wenn die Größe
  • Einstellung am linken Rand als Prozentsatz

CSS in Frage:

#confirm { 
  position: fixed !important;
  width: 120px !important;
  right: 10px !important;      
//margin-left: 80% !important;
//-webkit-transform: translate(600px, 0px);
}

Sehen die Geige unten:
http://jsfiddle.net/3kgbG/74/

  • Was ist die Frage?
  • Er versucht haben, eine bootstrap-modal-dialog erscheint oben rechts statt oben Links
  • Versuchen Sie, zu erwähnen left: <some_val>px !important; statt right im css.
InformationsquelleAutor ioseph | 2014-02-18
  1. 7

    Twitter Bootstrap gilt left: 1%; und right: 1%; zu der modal-box standardmäßig.

    Zuerst müssen Sie zum zurücksetzen der left Eigenschaft auto. Dann könnte man hinzufügen, die right - Eigenschaft für das element.

    #confirm {
  width: 120px;
  position: fixed;
  left: auto; /* <-- Reset the default left value */
  right: 10px;
}

    ARBEITEN DEMO.

    • Perfekt! Vielen Dank 🙂
    InformationsquelleAutor Hashem Qolami
Schreibe einen Kommentar