Bootstrap - Izgara Demosu

Izgara nedir?

Grafik tasarımda ızgara, içeriği yapılandırmak için kullanılan bir dizi kesişen düz (dikey, yatay) çizgiden oluşan bir yapıdır (genellikle iki boyutlu). Baskı tasarımında düzen ve içerik yapısını tasarlamak için yaygın olarak kullanılır. Web tasarımında HTML ve CSS kullanarak hızlı ve etkili bir şekilde tutarlı bir mizanpaj oluşturmak çok etkili bir yöntemdir.

Bootstrap Grid Sisteminin Çalışması

Izgara sistemleri, içeriğinizi barındıran bir dizi satır ve sütun aracılığıyla sayfa düzenleri oluşturmak için kullanılır. Bootstrap grid sistemi şu şekilde çalışır -

• Satırlar bir .container uygun hizalama ve dolgu için sınıf.

• Yatay sütun grupları oluşturmak için satırları kullanın.

• İçerik, sütunların içine yerleştirilmelidir ve yalnızca sütunlar, satırların hemen alt öğeleri olabilir.

• Önceden tanımlanmış ızgara sınıfları gibi .row and .col-xs-4hızlı ızgara düzenleri oluşturmak için kullanılabilir. Daha fazla anlamsal düzen için LESS mixins de kullanılabilir.

• Sütunlar, dolgu yoluyla cilt payları (sütun içeriği arasındaki boşluklar) oluşturur. Bu dolgu, ilk ve son sütun için negatif kenar boşluğu ile satırlarda kaydırılır..rows.

• Izgara sütunları, yaymak istediğiniz on iki kullanılabilir sütunun sayısı belirlenerek oluşturulur. Örneğin, üç eşit sütun üç kullanır.col-xs-4.

Misal	Açıklama	İndirme: {link
Izgaralar	Bu örnek, Bootstrap'teki ızgara yapısını gösterir.	İndir