SORU
23 EYLÜL 2013, PAZARTESİ


3 panel Başlığı düğmeleri ile yanlış pozisyon Bootstrap

Boostrap 3 kullanıyorum ve panel başlığında bazı düğme eklemek için, sağ üst köşede isterim. Onları eklemek için çalışırken, temel başlık altında.

Kod : http://bootply.com/82631

Ya başlık için panel Başlığı, ya da düğmeleri eklemek gerekir eksik CSS nedir ?

CEVAP
23 Mayıs 2014, Cuma


Bu oyun için biraz geç kaldım, ama basit bir cevabı düğme div SONRA H4 hareket etmektir. Bu yüzen, her zaman içeriğini geri kalanı ÖNCE tanımlanan yüzer senin var ya fazladan satır sonu sorun olacak ortak bir sorundur.

<div class="panel-heading">
    <div class="btn-group pull-right">
        <a href="#" class="btn btn-default btn-sm">## Lock</a>
        <a href="#" class="btn btn-default btn-sm">## Delete</a>
        <a href="#" class="btn btn-default btn-sm">## Move</a>
    </div>
    <h4>Panel header</h4>
</div>

Burada sorun sizin diğer öğeler sonra tanımlanan yüzer, yüzer top hemen önce çizgi-pozisyon elemanın sonunda başlayacak. Eğer bir önceki madde satıra kaydırır eğer öyleyse, 3, arabaya satır 3 de başlayacak.

Hareketli yüzer TOP listesi sorunu ortadan kaldırır çünkü yok önceki elemanları için itin aşağı ve bir şey sonra havalanacak işlenebilecek en üst satırı (varsayarak orada oda için hatta tüm öğeler)

Doğru ve yanlış sipariş örneği ve etkileri: http://www.bootply.com/HkDlNIKv9g

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • laptopmag

    laptopmag

    25 Ocak 2008
  • Peyton

    Peyton

    28 Aralık 2008
  • Philip DeFranco

    Philip DeFra

    16 EYLÜL 2006