Estoy respondiendo esta pregunta para una persona que tiene un conocimiento básico de HTML y CSS , y él / ella no quiere aprender Bootstrap .
Básicamente, comenzaría mi respuesta diciéndoles que:
- ¿Debo asumir el trabajo de desarrollo web que no he hecho antes?
- ¿Alguien usa iPage? ¿Les gusta?
- ¿Cuál sería el costo de crear un sitio web de redes sociales desde cero? ¿Qué porcentaje de capital se puede dar en lugar de dinero para cada tarea?
- ¿Cuál es el marco de flujo?
- ¿Cuáles son los argumentos a favor o en contra del uso de Meteor, Django o Ruby and Rails (+ otros) para una aplicación web que debe escalar a millones de usuarios y sus contenidos (fotos, chats, etc.)?
- Bootstrap es un marco a través del cual haces que un sitio web responda.
- Con bootstrap puede hacer buenos diseños para botones, tablas, entradas, selecciones, etc.
☺ Ahora, si está comenzando con el proceso de aprendizaje de Bootstrap , no le llevará más de 10 horas hacer que su primera página web sea receptiva . Esto es lo primero que debe hacer porque es lo más importante.
FirstAsí que primero vaya al sitio Bootstrap y descargue este marco . Extraiga los archivos ‘ bootstrap.css ‘ y ‘ bootstrap.js ‘ y colóquelos en la carpeta de su sitio.
☺Agregue referencia a ‘bootstrap.css’ en el encabezado de la página web y justo antes de la etiqueta final del cuerpo , proporcione la referencia del archivo ‘bootstrap.js’.
Esto completa el proceso de configuración de Bootstrap en su sitio. Más información en – ¿Qué es Bootstrap?
Ahora comience a aplicar bootstrap a las diferentes áreas de su sitio para que responda . Para esto, debe comprender cómo funciona el sistema de cuadrícula Bootstrap . Solo para decirte las cosas importantes al respecto.
►Hay filas y columnas imaginarias en la cuadrícula.
► Puede haber un máximo de 12 columnas por fila.
► Las columnas son float:left
, por lo que no aplique float:left
en su CSS
personalizado.
► Las columnas bajan (se convierte en float:none
) cuando el tamaño de la pantalla se reduce (como en teléfonos inteligentes, tabletas , etc.).
►Puedes hacer que las columnas se aflojen dándoles la clase como ‘ .col-sm-4
‘, ‘ .col-xs-8
‘, etc.
No puedo explicar todo sobre la cuadrícula porque es bastante larga, pero definitivamente debe consultar este tutorial para obtener información completa en – Cómo usar Bootstrap .
Ahora puede moverse para que las imágenes, videos, barra de navegación (menú) respondan con Bootstrap. Cómo se hace es bastante simple, consulte este tutorial: Cómo usar Bootstrap para hacer que las imágenes, los videos y la barra de navegación respondan .
♪ Eso es todo amigos, ahora puedes hacer que cualquier tipo de sitio web responda con bootstrap.
Si tiene alguna pregunta, por favor comente para que pueda responder. Si alimentas esta explicación, también será útil para los demás. Luego, comparta esto haciendo clic en el botón para compartir “Facebook y Twitter” a continuación.
♥ Votación a favor ♥ Votación a favor ♥ Votación a favor