====== Bootstrap ======
Es una librería JavaScript para el desarrollo de front-ends.
* [[http://twitter.github.io/bootstrap/index.html|Página web del proyecto]]
* {{:fw:bootstrap:bootstrap.zip|Bootstrap, version 2.3.2}}
===== Inicio =====
==== Estructura de archivos ====
bootstrap/
├── css/
│ ├── bootstrap.css
│ └── bootstrap.min.css
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── img/
├── glyphicons-halflings.png
└── glyphicons-halflings-white.png
==== Plantilla ====
Bootstrap 101 Template
Hello, world!
===== Maquetación web =====
La web se dividirá en 12 posibles columnas.
==== Contenedores ====
=== Contenedor principal ===
Centrado en la página:
...
=== Estructurado ===
===== Menús =====
==== Navbar ====
Podemos usar el estilo ''navbar navbar-inverse''. \\
{{:fw:bootstrap:navbar.png?direct&100|}}{{:fw:bootstrap:navbar-inverse.png?direct&100|}} \\
==== Sidebar ====
{{:fw:bootstrap:sidebar.png?direct&100|}}
=== Separador ===
===== Tablas =====
| |
Host |
Configuration |
|
192.168.145.200:454 |
CSS-01 |
|
192.168.145.44:1454 |
CSS-05 |
|
192.168.45.44:7884 |
RFactor |
{{:fw:bootstrap:tabla.png?direct&100|}}
===== Notas =====
==== Recursos ====
* [[http://fortawesome.github.io/Font-Awesome/|Repositorio de iconos]]
* [[http://stylebootstrap.info/|Generador de estilos]]
* [[http://bootswatch.com/|Temas bootstrap gratuitos]]
* [[https://wrapbootstrap.com/|Temas bootstrap de pago]]