How make 5 column layout in portal page?

Nandan Raj
Kilo Contributor

Hi, I started using Service Portal recently. I want to create new layout for my page to fit to my requirements. I would like have new layout with 5 columns. Which should span to full width.

I tried some but they are leaving 2 columns margin. 

I want 5 columns to fill width as 12 columns.

Can you let me know where and how to get it?

Thanks

1 ACCEPTED SOLUTION

Hi Nandan,

I've got your need, so for do that you have to set your layout and customize the width though the CSS for each container.

If this will span the full width, you can overwrite this in the page specific CSS.

E.g. you can say that for displays which are more than 3000 pixels, you want the container width to be 2800:

@media (min-width: 3000px) {
.container{
      width:2800px;
}}

Have a look of this documentation, it will be very useful for understanding the concept of Default Bootstrap Big Grid.

Please, remember to mark Correct or Helpful if you find my response useful.

Cheers
Alberto

 

 

View solution in original post

5 REPLIES 5

Hi,

Thanks for your solution. Unfortunately I am unable to achieve this. Could you please help me with the steps and code required to divide the container into 5 equal parts.

Thanks,

RR