SORU
16 NİSAN 2012, PAZARTESİ


Nasıl Twitter Bootstrap kalıcı bir kutu varsayılan genişliğini değiştirebilir miyim?

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.

CEVAP
16 NİSAN 2012, PAZARTESİ


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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Greater Than Gatsby Photoshop Actions & Lightroom Presets

    Greater Than

    11 ŞUBAT 2013
  • nemoking of kinges

    nemoking of

    4 EYLÜL 2009
  • Nightmare2005

    Nightmare200

    14 Ocak 2007