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,
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
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,
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
