- \n
- Ofrece grids fijados y l\u00edquidos \u2013 724px, 940px, 1170px<\/li>\n
- Ofrece 12 columnas<\/li>\n
- Sus herramientas de la interfaz de usuario son ideales para la creaci\u00f3n r\u00e1pida de un prototipo<\/li>\n
- Se gestiona a trav\u00e9s det Github<\/li>\n
- Compatible con Chrome, Firefox, Safari, IE+ y Opera con tabletas y tel\u00e9fonos inteligentes.<\/li>\n<\/ul>\n
\u00bfQu\u00e9 incluye Bootstrap?<\/h3>\n
Bootstrap es una colecci\u00f3n de HTML, CSS y Javascript, pero aqu\u00ed hay una lista de categor\u00edas para que Usted pueda entender la manera de su implementaci\u00f3n en su plantilla de HTML b\u00e1sico. Para desarrollar cualquier sitio o aplicaci\u00f3n de Bootstrap, primero tiene que a\u00f1adir CSS y JavaScript a su plantilla de HTML b\u00e1sico.<\/p>\n
La plantilla de HTML b\u00e1sico tiene la siguiente estructura:<\/p>\n
\n\n\n
\n \n 1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11<\/pre>\n<\/td>\n
\n <!DOCTYPE html>\r\n<html>\r\n<head>\r\n<title>Bootstrap 101 Template<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<\/head>\r\n<body>\r\n<h1>Hello, world!<\/h1>\r\n<script src=\"http:\/\/code.jquery.com\/jquery.js\"><\/script>\r\n<\/body>\r\n<\/html><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Para crear una plantilla Bootstrap, hay que agregar algunos ficheros CSS y JS :<\/p>\n
\n\n\n
\n \n 1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14<\/pre>\n<\/td>\n
\n <!DOCTYPE html>\r\n<html>\r\n<head>\r\n<title>Bootstrap 101 Template<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<!-- Bootstrap -->\r\n<link href=\"css\/bootstrap.min.css\" rel=\"stylesheet\" media=\"screen\">\r\n<\/head>\r\n<body>\r\n<h1>Hello, world!<\/h1>\r\n<script src=\"http:\/\/code.jquery.com\/jquery.js\"><\/script>\r\n<script src=\"js\/bootstrap.min.js\"><\/script>\r\n<\/body>\r\n<\/html><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
As\u00ed, su plantilla Bootstrap est\u00e1 lista. Usted puede empezar a crear aplicaciones y sitios web.<\/p>\n
M\u00e1s ejemplos :<\/p>\n
Dise\u00f1o L\u00edquido\/Fluid<\/h4>\n
Cree un dise\u00f1o l\u00edquido con la ayuda del nuevo sistema de grid<\/p>\n
![\"Bootstrap](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/06\/hello-world.jpg?9d7bd4\" "\\"hello")
<\/p>\ncomo es mostrado aqu\u00ed:<\/p>\n
Navegaci\u00f3n justificada<\/h4>\n
Cree una p\u00e1gina hermosa de marketing con enlaces de navegaci\u00f3n de la misma anchura en una barra de navegaci\u00f3n modificada usando esta plantilla.<\/p>\n
![\"Bootstrap](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/06\/marketing.jpg?9d7bd4\" "\\"marketing\\"")
<\/p>\nMarketing 'estrecho'<\/h4>\n
Para peque\u00f1os grupos de organizaciones cree una plantilla impresionante.<\/p>\n
![\"Bootstrap](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/06\/super-awesome.jpg?9d7bd4\" "\\"super")
<\/p>\nCarrusel jumbotron<\/h4>\n
Utilice la funci\u00f3n de carrusel para crear un sitio web m\u00e1s interactivo.<\/p>\n
![\"Bootstrap](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/06\/carousel.jpg?9d7bd4\" "\\"carousel\\"")
<\/p>\nFoundation 4<\/h4>\n
4.0 es la \u00faltima versi\u00f3n de Foundation lanzada el 28 de marzo de 2013. Esta versi\u00f3n actualizada es m\u00e1s r\u00e1pida, m\u00e1s inteligente y m\u00e1s f\u00e1cil de usar. Su sintaxis inicial de grid ha sido modificada. Y la sintaxis HTML nueva es altamente flexible. Con los cambios en la tipograf\u00eda y el soporte de navegadores Foundation 4 es \u00fanico.<\/p>\n
- \n
- Tiene grids fijados en varias plataformas<\/li>\n
- Ofrece 1-16 columnas con personalizador<\/li>\n
- Tiene un conjunto de herramientas de interfaz de usuario que no se adhiere a cualquier estilo de conjunto<\/li>\n
- Se gestiona a trav\u00e9s det Github<\/li>\n
- Compatible con navegadores Chrome, Firefox, IE +, Safari con OS, i Pad, Android 2, 4 tableta y tel\u00e9fono, y Windows Phone 7 +<\/li>\n<\/ul>\n
\u00bfQu\u00e9 incluye Foundation 4.0?<\/strong><\/span><\/p>\n
Aqu\u00ed hay una lista de algunas ccaracter\u00edsticas \u00fatiles para creaci\u00f3n de proyectos con la ayuda de CSS o la versi\u00f3n Sass:<\/p>\n
- \n
- Grid es compatible con cualquier dispositivo y tambi\u00e9n ofrece ordenamiento, nesting, offsets con soporte de presentaci\u00f3n de dispositivo para facilitar la creaci\u00f3n de dise\u00f1os.<\/li>\n
- Funci\u00f3n de navegaci\u00f3n ayuda a crear el estilo de la barra compleja superior con la navegaci\u00f3n desplegable de 3 niveles para barras simples, barras laterales y soporte de subnav pills.<\/li>\n
- Soporte de UI Elements para incluir muchos elementos \u00fatiles tales como informaci\u00f3n sobre herramientas, etiquetas, clases de visibilidad para que se pueda ocultar o mostrar las cosas de acuerdo con la orientaci\u00f3n de la pantalla o el tama\u00f1o, alertas, paneles y muchos m\u00e1s.<\/li>\n
- Orbit- slider impresionante de contenido o de im\u00e1genes con muchas opciones: bullet thumbs, paddles, timers etc.<\/li>\n
- Joyride \u2013 plugin personalizado disponible con variables de CSS o Scss.<\/li>\n
- Magellan es la mejor opci\u00f3n para mostrar su ubicaci\u00f3n exacta en la p\u00e1gina mediante la creaci\u00f3n de la navegaci\u00f3n flexible y pegajosa.<\/li>\n
- Reveal le permite llamar a los modales en la misma p\u00e1gina junto con los modales spawn posteriores sin uso de Javascript.<\/li>\n<\/ul>\n
Tambi\u00e9n hay muchas otras caracter\u00edsticas \u00fatiles como botones, formas, tipograf\u00eda, secci\u00f3n, compensaci\u00f3n, informaci\u00f3n sobre herramientas y desplegables.<\/p>\n
Aqu\u00ed ofrecemos la estructura de markup para ayudarle a entender y crear un sitio o una aplicaci\u00f3n que Usted necesita:<\/p>\n
\n