style bootstrap attribute html css twitter-bootstrap frontend

html - attribute - ¿Qué es Bootstrap?



tooltip html (5)

Bootstrap es un marco de JavaScript de código abierto desarrollado por el equipo en Twitter. Es una combinación de código HTML, CSS y Javascript diseñado para ayudar a construir componentes de interfaz de usuario. Bootstrap también fue programado para soportar HTML5 y CSS3.

También se le llama front-end-framework.

Bootstrap es una colección gratuita de herramientas para crear sitios web y aplicaciones web.

Contiene plantillas de diseño basadas en HTML y CSS para tipografía, formularios, botones, navegación y otros componentes de la interfaz, así como extensiones de JavaScript opcionales.

Algunas razones para los programadores prefieren Bootstrap Framework

  1. Fácil de empezar

  2. Gran sistema de rejilla

  3. Estilo básico para la mayoría de los elementos HTML (tipografía, código, tablas, formularios, botones, imágenes, iconos)

  4. Lista extensa de componentes

  5. Paquetes de Javascript empaquetados

Tomado de Acerca de Bootstrap Framework

Hay muchas preguntas aquí relacionadas con Bootstrap. Veo a mucha gente usándolo. Así que traté de buscarlo y encontré el sitio oficial de Bootstrap , pero después de eso solo había una sección de descargas y unas pocas palabras. Nada que explique para qué sirve ... Acabo de comprender que se trata de un asistente de front-end. He tratado de encontrar algo buscando en Google, pero no he encontrado nada específico. Todo lo que encontré está relacionado con la definición de informática.

Entonces, mis preguntas son:

  • ¿Qué es Bootstrap en absoluto?
  • ¿Para qué se usa y cómo ayuda al desarrollo de front-end?
  • También me gustaría más detalles explicándolo.

Bootstrap es un marco de código abierto y JavaScript de código abierto que fue desarrollado originalmente para la aplicación de twitter por el equipo de diseñadores y desarrolladores de twitter. Luego lo lanzaron para fuente abierta. Siendo un usuario de Twitter Bootstrap durante mucho tiempo, creo que es uno de los mejores para diseñar sitios web adaptados para dispositivos móviles. Muchos complementos de CSS y Javascript están disponibles para diseñar su sitio web en poco tiempo. Es una especie de marco de diseño de plantilla rápida. Algunas personas se quejan de que los archivos CSS de arranque son pesados ​​y tardan en cargarse, pero estas afirmaciones las hacen personas perezosas. No tienes que mantener el bootstrap.css completo en tu sitio web. Siempre tiene la opción de eliminar los estilos para los componentes que no necesita para su sitio web. Por ejemplo, si solo está utilizando componentes básicos como formularios y botones, puede eliminar otros componentes como acordeones, etc. del archivo CSS principal. Para comenzar a realizar incursiones en bootstrap, puede descargar las plantillas y componentes básicos del sitio getbootstrap y dejar que suceda la magia.


Bootstrap, como lo sé, es un CSS bien definido. Aunque utilizando Bootstrap, también puede usar JavaScript, jQuery, etc. Pero la principal diferencia es que al usar Bootstrap, puede simplemente llamar el nombre de la clase y luego obtener la salida en el formulario HTML. por ej. Colorear botones de dar forma al texto, utilizando diseños. Por todo esto, no tiene que escribir un archivo CSS, solo tiene que usar el nombre de clase correcto para configurar su formulario HTML.


En palabras más simples, puede entender Bootstrap como un marco web de front-end que fue creado por Twitter para la creación más rápida de aplicaciones web sensibles al dispositivo. Bootstrap también puede entenderse principalmente como una colección de clases CSS que se definen en ella y que simplemente se pueden usar directamente. Hace uso de CSS, javascript, jQuery, etc. en el fondo para crear el estilo, los efectos y las acciones de los elementos de Bootstrap.

Es posible que sepa que usamos CSS para estilizar los elementos de la página web y crear clases y asignar clases a los elementos de la página web para aplicarles el estilo. Bootstrap hace que el diseño sea más sencillo ya que solo tenemos que incluir los archivos de Bootstrap y mencionar los nombres de clase predefinidos de Bootstrap para los elementos de nuestra página web, que se diseñarán automáticamente a través de Bootstrap. A través de esto, nos deshacemos de escribir nuestras propias clases de CSS para diseñar elementos de páginas web. Lo más importante es que Bootstrap está diseñado de tal manera que hace que el dispositivo de su sitio web sea sensible y ese es el objetivo principal de este. Otras alternativas para Bootstrap podrían ser: marcos de Foundation , Materialize , etc.

Bootstrap te libera de escribir un montón de código CSS y también ahorra el tiempo que dedicas al diseño de las páginas web.


Es un marco de código abierto HTML, CSS, javascript (creado inicialmente por Twitter) que puede utilizar como base para crear sitios web o aplicaciones web.

Actualizar

El sitio web oficial de boostrap está actualizado e incluye una definición clara.

"Bootstrap es el marco HTML, CSS y JS más popular para desarrollar primeros proyectos móviles adaptables en la web".

"Diseñado y construido con todo el amor del mundo por @mdo y @fat ".