SkyBlue CSS Framework. ¿Competencia de bootstrap?

DESCARGA : SkyBlue

SkyBlue CSS Framework. ¿Competencia de bootstrap?, no tanto skyBlue es una versión mínima y mejorada de bootstrap, la interfaz cambia adoptando un diseño minimalista, este framework maneja los siguientes componentes

  1. Grid
  2. Tipografía
  3. Tabla
  4. formularios
  5. Botones
  6. Helpers
  7. Iconos

Ademas de todo esto maneja componentes responsivos, este framework esta realizado con SASS, el código esta de igual forma disponible en : Framework is made in SASS, puedes ver ejemplos de interfaz y de uso en la siguiente dirección: http://stanko.github.io/skyblue/

Este framework carece de componentes javascript o efectos que le da un toque más interesante, claro de que esta es una versión mínima de bootstrap lo que es considerablemente normal que tenga estas características.

En este cambio se incluye iconos más claros y limpios.

Para la implementación tienes que incluir el arcchivo skyblue.css ó en efecto skyblue.min.css que es código más comprimido.


<link <span class="html-attribute-name">rel</span>="<span class="html-attribute-value">stylesheet</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-resource-link" href="http://stanko.github.io/skyblue/css/skyblue.css" target="_blank">css/skyblue.css</a>"> 

El uso de las grillas es con 12 elementos que forman el tamaño de la pantalla, en este caso puedes dividir la pantalla en 12 al igual que bootstrap   declaras un div como row, posteriormente a esto puedes utilizar el siguiente código :


<div class="row">
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
<div class="col md-1">1</div>
</div>
<div class="row">
<div class="col md-4">4</div>
<div class="col md-4">4</div>
<div class="col md-4">4</div>
</div>
<div class="row">
<div class="col md-6">6</div>
<div class="col md-6">6</div>
</div>

De igual forma tienes más documentación en la siguiente dirección:

http://stanko.github.io/skyblue/

You may also like...