PSD-ből hogy készítsek reszponzív weboldalt bootstrap segítségével?

<div class="container">

<div class="row">

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">Szövegdoboz</div>

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">Szövegdoboz</div>

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">Szövegdoboz</div>

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">Szövegdoboz</div>

</div>

</div>

container - ez igazítja középre a tartalmakat

row - ez közzé kell írni (egy sor) az egymás melletti oszlopokat

col-lg-* - nagy monitor

col-md-* - kis monitor

col-sm-* - tablet

col-xs-* - mobil

12 oszlopból áll az oldal felosztása, ha 4 dobozt akarsz berakni egymás mellé, akkor a 12-t oszd el 4 fele, vagyis col-**-3. Ahol a csillagot helyettesítsd a 4 db nézet egyikével.

A fenti példa oszlopait felírhattam volna egyszerűbben is:

<div class="col-md-3 col-sm-6">Szövegdoboz</div>

<div class="col-md-3 col-sm-6">Szövegdoboz</div>

<div class="col-md-3 col-sm-6">Szövegdoboz</div>

<div class="col-md-3 col-sm-6">Szövegdoboz</div>

Részletek: [link]