How put five columns on the same line?

6 Posts

DianaD posted this 05 July 2017

Hi,

I´m trying to put 5 columns in the same line but I can´t find the option also 20% does not work.
I´m workin on: http://karina.paginaswebenpuebla.com.mx/

Thanks in advance for reply.

Regards

Hi, I´m trying to put 5 columns in the same line but I can´t find the option also 20% does not work. I´m workin on: http://karina.paginaswebenpuebla.com.mx/ Thanks in advance for reply. Regards

joomla-3.3.3 5-columns 5-columns-joomla

ticket1.jpg

ticket3.jpg

ticket2.jpg

Vote to pay developers attention to this features or issue.

5 Comments

Order By: Standard | Newest

Support Team posted this 06 July 2017

Hi,

Unfortunately that is not possible as we are using Bootstrap 12-grid system and 12 cannot be divided into 5 equal parts.

Sincerely,
Hella

Hi, Unfortunately that is not possible as we are using Bootstrap 12-grid system and 12 cannot be divided into 5 equal parts. Sincerely, Hella

6 Posts

DianaD posted this 06 July 2017

OK thanks, I put only one image in a line with the 5 services and hidden it on phone view, on phone view put 5 columns all this seem vertically, It was my solution.

Thanks and regards.

OK thanks, I put only one image in a line with the 5 services and hidden it on phone view, on phone view put 5 columns all this seem vertically, It was my solution. Thanks and regards.

Support Team posted this 06 July 2017

You are welcome. Nice to hear that you have found the suitable solution.

Sincerely,
Hella

You are welcome. Nice to hear that you have found the suitable solution. Sincerely, Hella

62 Posts

gcg posted this 07 July 2017

Hola DianaD,

Para maquetar 5 columnas sólo tienes que añadir este CSS a tu plantilla y usar las clases col-xs-15, col-sm-15, col-md-15 y .col-lg-15:

/* 5 Columnas */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}

Si tienes alguna duda me avisas.

Saludos

Hola DianaD, Para maquetar 5 columnas sólo tienes que añadir este CSS a tu plantilla y usar las clases col-xs-15, col-sm-15, col-md-15 y .col-lg-15: /* 5 Columnas */ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } Si tienes alguna duda me avisas. Saludos

6 Posts

DianaD posted this 16 July 2017

Ohh, muchas gracias lo voy a probar.