2013-04-24 34 views
8

Twitter Boostrap'ta kendi temamı oluşturmak için değişiklikler yapacağım ve stilleri ve CSS'yi değiştirmenin sonuçlarını gösteren bir tür hile sayfası istiyorum.Twitter Bootstrap test ortamı

İdeal olarak, içindeki tüm Twitter Boostrap öğelerini içeren tek bir web sayfası, bunların yayılmasına neden olan Bootstrap belgeleri yerine harika olurdu.

Değişkenlerinizin sonucunu değişkenler.siz dosyada göstermek için çeşitli öğelerde ek açıklamalar içeren bir sayfa daha iyi olurdu.

Bakmam gereken kaynakları bilen var mı? Şimdiden teşekkürler.

cevap

22

Bu amaçla tam olarak Bootply'u oluşturdum. Bootply Bootstrap dostu HTML, JS ve CSS düzenlemenize izin veren bir "jsfiddle" tarzı bir uygulamadır. Sizin için Bootstrap ve jQuery'yi içerir, ayrıca araç çubuğundan seçebileceğiniz ve editöre yapıştırabileceğiniz Bootstrap snippet'leri de vardır. Sonuçlarınızı görmek için 'Çalıştır'ı tıklamanız yeterlidir.

Bootply tüm Bootstrap CSS Bileşenleri ve JavaScript

  • Adı, etiketi ile

    • Araç Çubuğu özellikleri ve tam ekran veya mobil/duyarlı
    • yılında çalışan Bootstrap: örnekler
    • Önizleme paylaşmak
    • FontAwesome, jQueryUI ve diğer Bootstrap hazır uzantılarını dahil et
    • Te Bu test page st farklı Bootstrap versiyonları da

      http://www.bootply.com

  • defada mevcut elemanların tümü görmek açısından yararlıdır.

    +0

    Çok güzel! Teşekkürler. – isherwood

    +0

    Teşekkürler .. Ve üzerinde herhangi bir geri bildirim için çok alıyorum. GitHub'a https://github.com/iatek/bootply adresinden sorun bildirin – ZimSystem