Aşağıdaki denedim

   <div class="modal hide fade modal-admin" id="testModal" style="display: none;">
        <div class="modal-header">
          <a data-dismiss="modal" class="close">×</a>
          <h3 id='dialog-heading'></h3>
        </div>
        <div class="modal-body">
            <div id="dialog-data"></div>
        </div>
        <div class="modal-footer">
          <a data-dismiss="modal" class="btn" >Close</a>
          <a class="btn btn-primary" id="btnSaveChanges">Save changes</a>
        </div>
    </div>

Ve bu Javascript:

    $('.modal-admin').css('width', '750px');
    $('.modal-admin').css('margin', '100px auto 100px auto');
    $('.modal-admin').modal('show')

Sonuç beklediğim gibi değil. Kalıcı sol üst ekranın ortasına yerleştirilir.

Kimse bana yardımcı olabilir. Herkesten bu çalıştı. Yapmak istediğiniz için alışılmadık bir şey değil sanırım.

GÜNCELLEME:

bootstrap 3 değişim kalıcı-iletişim kullanmanız gerekir. Bu durumda kalıcı iletişim nerede durduğunu sınıfı kalıcı-admin yerine ekleyebilirsiniz

(Bootstrap < 3) özgün bir Cevap

/JQuery JS ile değiştirmeye çalışıyorsun belli bir sebebi var mı?

Kolayca belgede şekillendirme yapmak zorunda değilsiniz anlamına gelir, sadece CSS ile yapabilirsin. Kendi özel CSS dosyanıza ekleyin:

body .modal {
    /* new custom width */
    width: 560px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -280px;
}

Senin durumunda

body .modal-admin {
    /* new custom width */
    width: 750px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -375px;
}

Seçici önce vücut koydum nedeni varsayılan daha yüksek bir öncelik alır. Bu şekilde endişelendiriyor güncelleme Bootstrap olmadan özel bir CSS dosyası ve ekleyebilirsiniz.