Este artículo resume 11 razones por las cuales Bootstrap está ampliamente distribuida. Si aún no ha usado Twitter Bootstrap, le sugiero que aprenda más al respecto. Solo he descubierto algo recientemente, pero hay mejores noticias. En la versión oficial de VS2013 lanzada por Microsoft hace dos días, se ha agregado la versión de Bootstrap 3.0. Incluso Microsoft ha visto el poder de Bootstrap, y de hecho es muy bueno, así que tengo que aprenderlo. Aquí está mi breve introducción a la actualización VS2013. Si está interesado, puede echar un vistazo a la introducción al contenido de actualización de Visual Studio 2013.
¿Cuál es la razón por la cual la mayoría de las personas aman bootstrap?
1. Ahorre tiempo
Con Bootstrap, tendrá más tiempo para ganar dinero. La biblioteca Bootstrap contiene muchos fragmentos de código preparados que agregan más vitalidad a su sitio web. Los desarrolladores web ya no tienen que pasar tiempo y esfuerzo para codificar, solo necesitan encontrar el código correcto e insertarlo en el lugar correcto. Además, CSS está escrito usando menos, y se han diseñado muchos estilos y diseños.
2. Personalización
Un aspecto importante de Bootstrap es que puedes tomarlo por ti mismo. Puede dejar las partes requeridas del marco y descartar las no deseadas. Bootstrap le permite adaptar los proyectos que desarrolla de acuerdo con sus necesidades.
3. Factores de diseño
Sistema de rejilla
Al presentar páginas, a menudo necesita tener una cuadrícula adecuada. No necesariamente usa la cuadrícula de la plataforma, pero sí hace que sea significativamente difícil para usted trabajar. En modo predeterminado, la plataforma proporciona una cuadrícula de 16 columnas (el ancho es 960px). Cada columna tiene 40 px de ancho, y cada columna tiene un espacio de 10 px en los lados izquierdo y derecho, dejando un blanco de 20 px en el lado más externo de cada cuadrícula. Puede cambiar el número de filas y tamaños de intervalo según sea necesario. El estilo se ha desarrollado, y el desarrollador solo necesita poner el código apropiado en la ubicación apropiada del HTML.
MENOS
Menos se usa ampliamente durante el ciclo de desarrollo. Es un lenguaje de alto nivel basado en CSS, y su propósito es hacer que el desarrollo de CSS sea más flexible y poderoso. Puede usar las operaciones de Less MIXINS y CSS para personalizar las mallas integradas. Bootstrap adopta una gran cantidad de características populares de CSS3 para proporcionar una experiencia de navegación unificada para todos los sitios web.
Javascript
Bootstrap proporciona una biblioteca JavaScript que va más allá de la arquitectura y los estilos básicos. A través de Bootstrap, los desarrolladores pueden operar fácilmente los cuadros de advertencia de ventanas, cuadros de información sobre herramientas, barras de desplazamiento, botones, etc. Lo que se destaca de Bootstrap es que le permite escribir scripts sin tener que preocuparse por ello.
4. Consistencia
La razón principal por la que Twitter desarrolló esta herramienta fue la inconsistencia entre los proyectos desarrollados por los desarrolladores entre diferentes navegadores. Esto lleva a muchos problemas entre el desarrollo front-end y las interfaces del usuario final. Bootstrap garantiza la unidad de la interfaz en diferentes plataformas. En IE, Chrome y Firefox, puedes ver una interfaz unificada.
5. Mantenga las actualizaciones continuas
Tome la interfaz de usuario de JQuery como ejemplo: actualizado una vez al año. Bootstrap está mejorando constantemente, más regular y continuo. Tan pronto como los desarrolladores web descubrieron un nuevo problema, el equipo de Bootstrap inmediatamente se propuso solucionarlo.
6. Fácil de integrar
Si desea refinar aún más un sitio web completado, Bootstrap puede ayudarlo. Por ejemplo, si desea usar un estilo de mesa autoescrito, lo que desea hacer es copiar su estilo en un archivo de estilo CSS. Bootstrap lo diseñará inmediatamente, aquí debe asociar el archivo con Twitter. El proceso de integración es muy simple, conveniente y rápido. Una vez hecho esto, puede aplicar su diseño a su contenido principal.
7. Responsivo
Bootstrap es un marco receptivo. Ya sea que su trabajo de desarrollo se transfiera de una computadora portátil a un iPad o de un iPad a una Mac, no tiene que preocuparse por su trabajo. Porque Bootstrap puede adaptarse a las diferencias entre diferentes plataformas con entrega y eficiencia expresas ultra rápidas.
8. Compatibilidad con tecnologías futuras
Bootstrap contiene muchos elementos especiales, como HTML5 y CSS3, que se llaman el futuro del diseño. Debido a que este marco tiene en cuenta el futuro del diseño y el desarrollo, tiene el potencial de convertirse en un estándar de referencia para los desarrolladores web en los próximos años.
9. Competitividad
Bootstrap no es el único marco de desarrollo front-end, como jQuery UI, HTML5 Boilerplate, etc. Pero para Bootstrap, el verdadero competidor es la Fundación Zurb. Bootstrap 2 ha agregado un nuevo conjunto de herramientas, y la fundación tardó mucho tiempo en llenarlo. Bootstrap contiene una gran cantidad de complementos de terceros, temas, características funcionales, código, etc., que la base no tiene.
10. Descripción detallada
La documentación de Bootstrap es bastante maravillosa. La mayoría de las plataformas nuevas a menudo no tienen documentación adecuada, y la documentación de Bootstrap nos ayuda mucho a aprender al respecto. Toda la información que necesitamos se puede encontrar a través de la documentación.
11. Beneficio a los jefes
Aprender Bootstrap no le lleva mucho tiempo, porque encapsula todos los enfoques modulares con la arquitectura. Desde el punto de vista del jefe, si proporciona un marco de arranque para desarrolladores web, ahorrarán más tiempo en el aprendizaje e invertirán rápidamente en su trabajo. Esto traerá mejores beneficios a los jefes.
Si encuentra que Bootstrap es realmente útil para usted, puede consultar el marco en twitter.github.com/bootstrap/. También puede descargar la versión compilada o obtener el archivo fuente de Bootstrap que contiene documentación CSS y JavaScript.
Experiencia visual
Lo primero que vi es el sitio web oficial chino. Si miras cuidadosamente, en realidad se explicará en detalle.
A continuación, haga clic en el documento chino http://v3.bootcss.com/bootstrap3.
Continúe leyendo http://expo.bootcss.com/ muchas instancias del sitio web que se han aplicado aquí.
Al ver tantos ejemplos y una arquitectura frontal tan excelente, me di cuenta de que se han utilizado tantos sitios web, y no puedo esperar para comenzar mi viaje de aprendizaje.
Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.