Perfil de arranque
¿Cuál es Bootstrap?
Bootstrap es un marco de front-end para el desarrollo rápido de aplicaciones Web y sitios Web. Bootstrap se basa en HTML, CSS, JavaScript de.
historia
Arrancar el desarrollode Mark OttoyJacob Thorntonde Twitter. Bootstrap es de agosto de de 2011 publicado en productos de código abierto de GitHub.
¿Por Bootstrap?
- En primer móvil: desde Bootstrap 3 en adelante, el marco incluye bibliotecas de todo la prioridad del dispositivo móvil de estilo.
- soporte de los navegadores: Todos los navegadores más importantes el apoyo de arranque.
- Fácil de usar: el tiempo que usted tiene un conocimiento básico de HTML y CSS, puede empezar a aprender Bootstrap.
- el diseño de respuesta: Bootstrap CSS sensible capaz de escritorios de adaptación, las tabletas y los teléfonos móviles.Para obtener más información sobre el diseño de respuesta, disponible el diseño de respuesta Bootstrap .
- It desarrolladores crear sencilla interfaz ofrece una solución unificada.
- Incluye un potente componentes integrados y fáciles de personalizar.
- También proporciona la personalización basada en la Web.
- Es de código abierto.
el contenido del paquete de archivos de inicio
- La estructura básica: Bootstrap proporciona la estructura básica del fondo del estilo del enlace con un sistema de red.Esto se explicará en detalleBootstrap resto básico.
- CSS: Bootstrap viene con las siguientes características: configuración global de CSS, definir los estilos básicos de elemento de HTML, clase escalable, y un sistema de red avanzada.En esta sección se explicará en detalle larutina de carga CSS.
- Componentes: Bootstrap contiene una docena de componentes reutilizables para la creación de imágenes, menús, navegación, cuadro emergente del cuadro de alerta, y así sucesivamente desplegable.Esto se explicará en detallela disposición de las partes componentes.
- widget de JavaScript: Bootstrap contiene una docena de encargo plugin de jQuery.Puede incluir todos los plug-ins, estos plug-ins pueden contener también de forma individual. Esto se explicará en detalle parteBootstrap enchufe.
- Personalización: Se puede personalizar los componentes de archivos de inicio, variables menos y jQuery plug-in para obtener su propia versión.
ejemplos en línea
El sitio tutorial de arranque contiene cientos de ejemplos.
Puede utilizar nuestro código de editor en línea editor de línea, y haga clic en el botón Ejecutar para ver los resultados.
ejemplos de archivos de inicio
<Div class = "contenedor">
<Div class = "pantalla gigante">
<H1> Mi primera página Bootstrap </ h1>
<P> restablece el tamaño de la ventana para ver el efecto de respuesta! </ P>
</ Div>
<Div class = "fila">
<Div class = "col-sm-4 ">
<H3> Columna 1 </ h3 >
<P> aprendizaje no es sólo la tecnología, sino también un sueño! </ P>
<P> sueños más Niubi, sino que también dan forma y te gusta lechón palo! </ P>
</ Div>
<Div class = "col-sm-4 ">
<H3> Columna 2 </ h3 >
<P> aprendizaje no es sólo la tecnología, sino también un sueño! </ P>
<P> sueños más Niubi, sino que también dan forma y te gusta lechón palo! </ P>
</ Div>
<Div class = "col-sm-4 ">
<H3> Columna 3 </ h3 >
<P> aprendizaje no es sólo la tecnología, sino también un sueño! </ P>
<P> sueños más Niubi, sino que también dan forma y te gusta lechón palo! </ P>
</ Div>
</ Div>
</ Div>
Trate »
más ejemplos
Bootstrap Ejemplo 2
<Div class = "mesa sensible">
<Tabla class = "vector rayado mesa de ping- -bordered">
<Culata en T>
<Tr>
<TH> # </ th>
<TH> Nombre </ th>
<TH> Calle </ th>
</ Tr>
</ Culata en T>
<Tbody>
<Tr>
<Td> 1 </ td>
<Td> Anna impresionante </ td >
<Td> Broome Street </ td >
</ Tr>
<Tr>
<Td> 2 </ td>
<Td> Debbie Dallas </ td >
<Td> Houston Street </ td >
</ Tr>
<Tr>
<Td> 3 </ td>
<Td> John Doe </ td >
<Td> Madison Street </ td >
</ Tr>
</ Tbody>
</ Table>
</ Div>
Trate »
Haga clic en el botón de "Prueba" para ver cómo funciona.