W artykule prezentujemy układ siatki 12 kolumn (Bootstrap GRID) z przykładowymi grafikami. Artykuł jednocześnie pomaga określić w jaki sposób powinny zostać przygotowane grafiki czy zdjęcie do prezentacji materiałów na stronie, przy zachowaniu odpowiednich proporcji.
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo170](/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/images/demo/siatka/demo-projekt-170.jpg)
![demo270](/images/demo/siatka/demo-projekt-270.jpg)
![demo270](/images/demo/siatka/demo-projekt-270.jpg)
![demo270](/images/demo/siatka/demo-projekt-270.jpg)
![demo270](/images/demo/siatka/demo-projekt-270.jpg)
![demo370](/images/demo/siatka/demo-projekt-370.jpg)
![demo370](/images/demo/siatka/demo-projekt-370.jpg)
![demo370](/images/demo/siatka/demo-projekt-370.jpg)
![demo570](/images/demo/siatka/demo-projekt-570.jpg)
![demo570](/images/demo/siatka/demo-projekt-570.jpg)
![demo670](/images/demo/siatka/demo-projekt-670.jpg)
![demo470](/images/demo/siatka/demo-projekt-470.jpg)
![demo770](/images/demo/siatka/demo-projekt-770.jpg)
![demo370](/images/demo/siatka/demo-projekt-370.jpg)
![demo770](/images/demo/siatka/demo-projekt-770.jpg)
![demo270](/images/demo/siatka/demo-projekt-270.jpg)
![demo770](/images/demo/siatka/demo-projekt-770.jpg)
![demo170](/images/demo/siatka/demo-projekt-170.jpg)
![demo770](/images/demo/siatka/demo-projekt-770.jpg)
![demo70](/images/demo/siatka/demo-projekt-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-100](/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-170](/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-270](/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-270](/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-270](/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-270](/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-370](/images/demo/siatka/demo-projekt-p-370.jpg)
![demo-portret-370](/images/demo/siatka/demo-projekt-p-370.jpg)
![demo-portret-370](/images/demo/siatka/demo-projekt-p-370.jpg)
![demo-portret-570](/images/demo/siatka/demo-projekt-p-570.jpg)
![demo-portret-570](/images/demo/siatka/demo-projekt-p-570.jpg)
![demo-portret-670](/images/demo/siatka/demo-projekt-p-670.jpg)
![demo-portret-470](/images/demo/siatka/demo-projekt-p-470.jpg)
![demo-portret-770](/images/demo/siatka/demo-projekt-p-770.jpg)
![demo-portret-370](/images/demo/siatka/demo-projekt-p-370.jpg)
![demo-portret-770](/images/demo/siatka/demo-projekt-p-770.jpg)
![demo-portret-270](/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-770](/images/demo/siatka/demo-projekt-p-770.jpg)
![demo-portret-170](/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-770](/images/demo/siatka/demo-projekt-p-770.jpg)
![demo-portret-70](/images/demo/siatka/demo-projekt-p-70.jpg)