fbpx

[wlm_private "D1 Frontend Training|D1 Backend Training|D1 SP3 Training|D1 Graphics Training"]

Basic Wordpress Training

[/wlm_private]

[wlm_private "D6 SP3 Training|D7 SP3 Training|D8 SP3 Training|D9 SP3 Training|D10 SP3 Training"]

SP3 Training

[/wlm_private]

[wlm_private "D6 Frontend Training|D7 Frontend Training|D8 Frontend Training|D9 Frontend Training|D10 Frontend Training"]

Frontend Training

[/wlm_private]

[wlm_private "D6 Graphics Training|D7 Graphics Training|D8 Graphics Training|D9 Graphics Training|D10 Graphics Training"]

Graphics Training

[/wlm_private]

[wlm_private "D6 Backend Training|D7 Backend Training|D8 Backend Training|D9 Backend Training|D10 Backend Training"]

Backend Training

[/wlm_private]

Bootstrap Grid System

Training Day 4

Objective:

  • To understand the grid system used by Bootstrap. Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. It is important that you know how to design a website that is fit for this kind of website development

Time Duration : 1 day

Activity:

  1. Download the PSD file with Bootstrap Grid here: https://dribbble.com/shots/1622149–PSD-Responsive-Bootstrap-Grids
  2. Visit and examine http://960.gs/ for more information about the grid system.
  3. Ask your Trainor if you have questions about the grid system.
  4. Create a minimalist mock website design using the Boostrap Grid utilizing the different number of columns (4col-4col-4col/3col-3col-3col-3col/7col-5col/8col-4col… etc.). You can ask assistance from your trainor (ask for questions, demo or anything that can help you if you find this task very unfamiliar to you).