5 columns Bootstrap layout solution


Here at bayledesign.com we love to design websites using bootstrap, we think that this is the most versatile responsive framework, but it had a catch and that was the use of five columns.

The 5 columns Bootstrap layout solution

But thanks to an article on how to implement a five column style for bootstrap we managed to create websites with this new feature !
First you have to write something similar to this:

1
2
3
4
5
6
7
8
9
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

Next, you have to write in your css code the responsive mode for the bootsrap five columns:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.col-xs-5 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5 {
        width: 20%;
        float: left;
    }
}

and ready ! your 5 columns Bootstrap layout solution is done, get ready to design beautiful websites using twitter bootstrap like the ones we design.

 

Another valid solution dor the 5 column bootstrap workarround can be found here : Click



Tener una web es obsoleto


En este ultimo año, la explosion de las redes sociales nos plantean un nuevo y muy probable escenario. Hoy no se necesita mas una pagina web. (o sitios web, como quieras llamarlos). Me explico: teniendo un blog, basado en alguna de las plataformas disponibles como wordpress o joomla, por nombrar algunas, un perfil en facebook,  una cuenta en twitter, un site en sonico, una comunidad en ning y la lista continua ad infinitum . Herramientas impensadas hace 5 años que permiten manejar al lego una gran cantidad de posibilidades mas que decentes para comunicar y hacer negocios en la web. Este es el primer paso, todavia todas las herramientas no estan completamente integradas, todavia la personalizacion de la web esta incompleta (si, todavia nos necesitan!) pero no va a pasar mucho hasta que aparezca una nueva plataforma, mejorando la interaccion con el  usuario, la personalizacion absoluta de su interfaz de uso y comunicacion, en la cual promesas de usabilidad, como las que se muestran en los comerciales de HP, sean realidad.