hello,
i want to create 5 columms with the same width - 20 %. How to?
hello, i want to create 5 columms with the same width - 20 %. How to?Hi,
Unforunately there is no such possibility. We are using the Bootstrap 12 grid system so you can use 2 grid items width for each columns and margins on left and right.
Sincerely,
Hella
Hi anmeldemail2, and sorry Hella, but it's possible and easy to do with Bootstrap, follow this simple steps in Themler:
1.- Add this custom CSS to your template directly in Themler > Theme Settings > Additional CSS:
.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;
}
}
2.- Use the follow sample code in your Html or CMS template to create 5 columns row:
Add to each of 5 columns div this class > class="col-xs-12 col-sm-15 col-md-15 col-lg-15"
3.- Thats all!
Goog luck
Hi anmeldemail2, and sorry Hella, but it's possible and easy to do with Bootstrap, follow this simple steps in Themler: **1.- Add this custom CSS to your template directly in Themler > Theme Settings > Additional CSS:** .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; } } **2.- Use the follow sample code in your Html or CMS template to create 5 columns row:** Add to each of 5 columns div this class > ***class="col-xs-12 col-sm-15 col-md-15 col-lg-15"*** **3.- Thats all!** Goog luckLast edited 01 June 2016 by gcg
Hi,
Yes, you can try to do it that way, but there is no direct option in the application as Bootstrap uses 12-grid layout.
Sincerely,
Hella
