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](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo170](/parysow/zsp/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/parysow/zsp/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/parysow/zsp/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/parysow/zsp/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/parysow/zsp/images/demo/siatka/demo-projekt-170.jpg)
![demo170](/parysow/zsp/images/demo/siatka/demo-projekt-170.jpg)
![demo270](/parysow/zsp/images/demo/siatka/demo-projekt-270.jpg)
![demo270](/parysow/zsp/images/demo/siatka/demo-projekt-270.jpg)
![demo270](/parysow/zsp/images/demo/siatka/demo-projekt-270.jpg)
![demo270](/parysow/zsp/images/demo/siatka/demo-projekt-270.jpg)
![demo370](/parysow/zsp/images/demo/siatka/demo-projekt-370.jpg)
![demo370](/parysow/zsp/images/demo/siatka/demo-projekt-370.jpg)
![demo370](/parysow/zsp/images/demo/siatka/demo-projekt-370.jpg)
![demo570](/parysow/zsp/images/demo/siatka/demo-projekt-570.jpg)
![demo570](/parysow/zsp/images/demo/siatka/demo-projekt-570.jpg)
![demo670](/parysow/zsp/images/demo/siatka/demo-projekt-670.jpg)
![demo470](/parysow/zsp/images/demo/siatka/demo-projekt-470.jpg)
![demo770](/parysow/zsp/images/demo/siatka/demo-projekt-770.jpg)
![demo370](/parysow/zsp/images/demo/siatka/demo-projekt-370.jpg)
![demo770](/parysow/zsp/images/demo/siatka/demo-projekt-770.jpg)
![demo270](/parysow/zsp/images/demo/siatka/demo-projekt-270.jpg)
![demo770](/parysow/zsp/images/demo/siatka/demo-projekt-770.jpg)
![demo170](/parysow/zsp/images/demo/siatka/demo-projekt-170.jpg)
![demo770](/parysow/zsp/images/demo/siatka/demo-projekt-770.jpg)
![demo70](/parysow/zsp/images/demo/siatka/demo-projekt-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-70](/parysow/zsp/images/demo/siatka/demo-projekt-kw-70.jpg)
![demo-kwadrat-100](/parysow/zsp/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/parysow/zsp/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/parysow/zsp/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/parysow/zsp/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/parysow/zsp/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-kwadrat-100](/parysow/zsp/images/demo/siatka/demo-projekt-kw-100.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)
![demo-portret-170](/parysow/zsp/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/parysow/zsp/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/parysow/zsp/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/parysow/zsp/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/parysow/zsp/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-170](/parysow/zsp/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-270](/parysow/zsp/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-270](/parysow/zsp/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-270](/parysow/zsp/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-270](/parysow/zsp/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-370](/parysow/zsp/images/demo/siatka/demo-projekt-p-370.jpg)
![demo-portret-370](/parysow/zsp/images/demo/siatka/demo-projekt-p-370.jpg)
![demo-portret-370](/parysow/zsp/images/demo/siatka/demo-projekt-p-370.jpg)
![demo-portret-570](/parysow/zsp/images/demo/siatka/demo-projekt-p-570.jpg)
![demo-portret-570](/parysow/zsp/images/demo/siatka/demo-projekt-p-570.jpg)
![demo-portret-670](/parysow/zsp/images/demo/siatka/demo-projekt-p-670.jpg)
![demo-portret-470](/parysow/zsp/images/demo/siatka/demo-projekt-p-470.jpg)
![demo-portret-770](/parysow/zsp/images/demo/siatka/demo-projekt-p-770.jpg)
![demo-portret-370](/parysow/zsp/images/demo/siatka/demo-projekt-p-370.jpg)
![demo-portret-770](/parysow/zsp/images/demo/siatka/demo-projekt-p-770.jpg)
![demo-portret-270](/parysow/zsp/images/demo/siatka/demo-projekt-p-270.jpg)
![demo-portret-770](/parysow/zsp/images/demo/siatka/demo-projekt-p-770.jpg)
![demo-portret-170](/parysow/zsp/images/demo/siatka/demo-projekt-p-170.jpg)
![demo-portret-770](/parysow/zsp/images/demo/siatka/demo-projekt-p-770.jpg)
![demo-portret-70](/parysow/zsp/images/demo/siatka/demo-projekt-p-70.jpg)