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
- Bootstrap es un marco a través del cual usted hace que un sitio web responda.
- Con bootstrap puedes 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 debes hacer porque es lo más importante.
- Cómo usar Visual Basic.NET para aprender aprendizaje automático y profundo
- ¿Cuántos idiomas sabes? ¿Cuánto tiempo te llevó aprender cada uno de ellos?
- Quiero aprender poesía, ¿por dónde empiezo?
- ¿Cómo se puede aprender a dibujar solo?
- ¿Es la IA muy difícil de aprender?
☺En primer lugar, vaya al sitio de Bootstrap y descargue este marco . Saque los archivos ‘ bootstrap.css ‘ y ‘ bootstrap.js ‘ y colóquelos en la carpeta de su sitio.
Agregue la referencia a ‘bootstrap.css’ en el encabezado de la página de la página web y justo antes de la etiqueta del 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 en las diferentes áreas de su sitio para que sea receptivo . Para ello, es necesario comprender cómo funciona el sistema Bootstrap Grid . 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 están por defecto float:left
, así que no aplique float:left
en su CSS
personalizado.
►Las columnas bajan (se vuelven float:none
) cuando el tamaño de la pantalla se vuelve pequeño (como en teléfonos inteligentes, tabletas , etc.).
►Puedes hacer que las columnas se relajen dándoles la clase como ‘ .col-sm-4
‘, ‘ .col-xs-8
‘, etc.
No puedo explicar todo acerca de la cuadrícula porque es bastante larga, pero definitivamente debería consultar este tutorial para obtener información completa en – Cómo usar Bootstrap .
Ahora puede moverse para hacer que las imágenes, los videos, la barra de navegación (menú) respondan con Bootstrap. La forma en que se realiza es bastante simple, consulte este tutorial: Cómo usar Bootstrap para crear imágenes, videos y Navbar receptivos .
♪ Eso es todo amigos, ahora puede hacer que cualquier tipo de sitio web responda con bootstrap.
Si tiene alguna pregunta, por favor comente para que pueda responder. Si alimenta esta explicación será útil para otros también. Luego, comparta esto haciendo clic en el botón de compartir “Facebook y Twitter” a continuación.
♥ upvote ♥ upvote ♥ upvote