logo

İlk Bootstrap Örneği

HTML 5 doktipini ekleyin: Bootstrap, HTML öğelerini ve CSS özelliklerini kullanır, bu nedenle sayfanın başına lang özelliği ve doğru karakter kümesiyle HTML 5 doktipini eklemeniz gerekir.

Eski:

ekleme sıralama algoritması
 Any title //write code 

Bootstrap mobil uyumludur: Bootstrap 3, mobil cihazlara duyarlı olacak şekilde tasarlanmıştır.

Mobil öncelikli stiller, Bootstrap'in temel çerçevesinin bir parçasıdır. Düzgün oluşturma ve dokunarak yakınlaştırma için öğenin içine aşağıdaki etiketi eklemeniz gerekir:

 

Not: 'genişlik=cihaz genişliği' kısmı sayfanın genişliğini cihazın ekran genişliğini takip edecek şekilde ayarlamak için kullanılır (cihazlara göre değişir).

başlangıç ​​ölçeği=1 bölümü, sayfa tarayıcı tarafından ilk kez yüklendiğinde başlangıç ​​yakınlaştırma düzeyini ayarlamak için kullanılır.

50 üzerinden 10

Konteynerler: Container site içeriğini sarmak için kullanılır. İki konteyner sınıfı vardır.

  • .konteyner sınıfı duyarlı, sabit genişlikte bir kap sağlar.
  • .konteyner-sıvı class, görünümün tüm genişliğini kapsayan tam genişlikte bir kap sağlar.

Not: Konteynerin içine konteyner yerleştirilemez.


İlk Bootstrap Örneği (duyarlı sabit genişlikli kapsayıcıyla)

 This is a Bootstrap example <p>Write your text here..</p> 

Şimdi Test Edin