Diseño en rejilla Bootstrap

[helgi]

Saludos amigos y gracias por su ayuda.

Comprendo muy bien como funciona las clases de bootstrap para conseguir en comportamiento de columnas. Mas que una confusión con el css mi problema es en la rejilla que debo elaborar en un programa de diseño como fotoshop. ¿Si quiero hacer la rejilla para dimensión tablet(768px) en photoshop que ancho deben tener las columnas y la margen entre ellas?

Gracias por la ayuda que me puedan brindar.

[Pelipe]

las columnas no son fijas, Bootstrap trabaja en porcentajes, el margen entre ellas si se puede cambiar:

- en la pagina oficial de Bootstrap puedes ver el valor de amrgen entre columnas o cambiarlo y personalizarlo

Pero en Photoshop igual si que puedes diseñar para 768px hasta 1024px, pero es relativo ya que como en Bootstrap todo es fluido es mejor trabajar con imagenes para escritorio y luego ajustarlas para web, yo uso su propiedad para que la ajuste a cualquier resolucion:

en jade lo hago asi:

Código HTML:

img(class='img-responsive', src='img/tuti/ai-A4-7.png')
 

- solo es una sugerencia depede lo que hagas, puedes usar imagenes distintas segun tablet o smarthpone,.
- abajo de 768px es para smarpthones.
- con photosho igual no deberias trabajar con medidas exactas, solo edicion de imagenes, porque las columnas el fondo y el borde redondeado se puede hacer solo en CSS.

[helgi]

Gracias Felipe por tomarte el tiempo de leer mi inquietud.

Comprendo que a la hora de hacer la implementación en Bootstrap todo se maneja en porcentajes ya que se piensa en responsive. El asunto es que le tengo que decir al diseñador las pautas para hacer el diseño en photoshop pensando en Bootstrap. El necesita tres rejillas con doce columnas cada rejilla (rejillas para PC, tablet y smartphone). Quiero saber la mejor forma de construir esas rejillas, que el diseñador haga bien su trabajo y que la implementación con bootstrap sea todo un éxito.

Gracias por tu ayuda.