Упутство за предиспитни пројекат 1 Неопходно је са интернета скинути Бутстрепов грид систем у Фотошопу.

Потом у Фотошопу отворимо дотични фајл

Потом слепимо слојеве отвореног фајла да бисмо лакше радили.

Овако изгледа темплејт.

Потом убацујемо, на испти начин слику - hero image.

Одсечемо сувишни део, помоћу кроп алата.

Слој отклјучамо, дамо му име. Затим ћемо га селектовати помоћу ctrl+a, copy->paste у други таб у

коме се налази грид систем.

Слику прекопирамо на сва четири уређаја.

Такође, сликама треба подесити ширину. Четири слике представљају четири слоја, дачемо им

следећа имена: vtsSlikaXl, vtsSlikaL, vtsSlikaM, vtsSlikaSm

Потом убацујемо слику хамбургер менија.

Помоћу rectangle toola убацујемо правоугаоник и бојимо га помоћу PaintBucket-a.

Затим на варијанти за телефон убацујемо хамбургер мени.

Док на варијанти за десктоп рачунар убацујемо хоризонтални навигациони мени.

На варфијанти за десктоп формирамо поља за главни део садржаја (main) који ће заузимати 8

колона, док сајдбар заузима 4 колоне.

На варијанти за мобилни телефон распоред је другачији, тј. Оба дела и главни и сајдбар заузимају

свих 12 колона и налазе се један испод другог.