Bootstrap'e genel bakış
Bootstrap, gezinme, formlar ve düğmeler gibi yaygın öğeler için hazır CSS ve JavaScript bileşenleri ile web arayüzleri tasarlamanıza yardımcı olur. Aynı zamanda bir duyarlı ızgara düzeni sistemine sahiptir. Bu, sitenizi telefonlar ve tabletler gibi farklı ekran boyutlarına sahip cihazlara göre ayarlar. Bootstrap düzen sistemini kullanarak, müşterilerinizin kullanabilecekleri tüm aygıtlarda güzel görünen tek bir site geliştirebilirsiniz.
Power Pages şablonları minimum özel stile sahip standart Bootstrap bileşenlerini kullanır. Bu şablonları kullanarak temayı (yazı tipleri, renkler vb.) sitenizin tamamında markanıza ve tercihlerinize tutarlı bir şekilde uyacak şekilde kolayca değiştirebilirsiniz.
Power Pages, Bootstrap sürüm 3.3.6 ve Bootstrap sürüm 5'i destekler. Bootstrap sürüm 5, gelişmiş kullanıcı deneyimi (UX) özellikleri ve akordeon, offcanvas ve RTL desteği gibi yeni bileşenler sunar.
Yeni Power Pages siteleri için ortamınızda Bootstrap sürüm 5'i kurmanız gerekir. Ayrıca Bootstrap sürüm 3 kullanan mevcut web sitelerinizi sürüm 5'e geçirebilirsiniz.
Önyüklemeyi özelleştirme
Bootstrap'i özelleştirmek için değişkenlerin değerlerini değiştirirsiniz ve ardından özel değerlerinizle derlenmiş bir Bootstrap sürümünü indirirsiniz.
Bootstrap değişkenlerinin gücü, yalnızca bir öğeyi değil, çerçevedeki tüm stilleri tanımlamalarıdır. Örneğin, @font-size-base değişkeni, sitenizdeki metnin varsayılan boyutunu (gövde metni, başlıklar ve diğer tüm metin öğeleri) belirtir. H1 başlığı @font-size-base öğesinin yüzde 300'ü olarak tanımlanabilir. Tek bir değişkeni ayarlayarak, web sitenizin tüm tipografik ölçeğini tutarlı bir şekilde denetleyebilirsiniz.
resmi Bootstrap sitesi aracılığıyla özel bir Bootstrap sürümünü oluşturabilir veya daha kolay bir arayüz veya önceden tasarlanmış temalar sunabilecek bir üçüncü taraf sitesini kullanabilirsiniz. Resmi Bootstrap özelleştirici sitesi Bootstrap özelleştirmesi hakkında daha fazla bilgi içerir.
Bootstrap'in özelleştirilmiş bir sürümünü indirdiğinizde, bu sürüm bu aşağıdaki dizin yapısını içerir:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
Kullanılan özelleştirici uygulamasına bağlı olarak, dizin yapısı yalnızca bootstrap.min.css içerebilir. Özelleştirmelerinizi içeren dosyadır. Diğer dosyalar Bootstrap'in tüm özel sürümleri için aynıdır ve zaten web sitenize eklenmiştir.