Twitter Bootstrap 101 Personalizar

La documentación de Bootstrap integrada en Twitter es una práctica página Personalizar, que proporciona una manera rápida de implementar un esquema de color personalizado, tipografía personalizada y una serie de otras personalizaciones de CSS. Por supuesto, el enfoque más poderoso es trabajar directamente con los archivos LESS de Bootstrap. Pero con unos pocos ajustes rápidos, y para aquellos que prefieren trabajar en CSS directo, esta página le ofrece una excelente manera de impulsar sus personalizaciones..


Personalizar colores y tipografías.

En este screencast, lo guiaré a través de la conversión de un sitio básico de Bootstrap a un esquema de color oscuro. Le daremos una barra de navegación más alta y agregaremos un par de fuentes web de Google. El proceso es rápido y bastante indoloro.!

En un breve video de seguimiento, le mostraré cómo verificar si hay errores que puedan interrumpir la creación de sus archivos CSS personalizados. Tendrá que estar atento a estos y poder regresar y corregirlos cuando ocurran. Te mostraré cómo se hace.

Al final, muchos de ustedes encontrarán que esta es una excelente manera de hacer rodar la bola para sus diseños personalizados..


Alternativamente, descargue el video o suscríbase a Webdesigntuts + screencasts a través de YouTube

Esté atento a los errores!

Incluso un pequeño error tipográfico puede introducir un error en el proceso de personalización. Tendrá que estar atento a un archivo "error.txt". Si aparece junto a su CSS personalizado, deberá abrirlo y usarlo para ayudarlo a encontrar y corregir las entradas que causan errores en la página Personalizar. Dejame mostrarte un ejemplo!


Alternativamente, descargue el video o suscríbase a Webdesigntuts + screencasts a través de YouTube

Recursos

Durante estos videos utilizamos:

  • Página de personalización de Bootstrap
  • Fuentes web de Google

También puede resultarle útil hacer referencia a los valores de color y tipografía utilizados en el screencast: