bootstrap icon indicating copy to clipboard operation
bootstrap copied to clipboard

add css grid row span

Open kitsguru opened this issue 3 years ago • 6 comments

Prerequisites

Proposal

I like the css grid but it is lacking a row span similar to column span. Currently a row only gets grid-row-end of auto.

https://css-tricks.com/the-holy-grail-layout-with-css-grid/

Motivation and context

I was trying to create the holy grail layout just using BS5 but with lack of row span it was not possible.

kitsguru avatar Jan 28 '22 00:01 kitsguru

https://getbootstrap.com/docs/5.1/layout/css-grid/#nesting

WinterSilence avatar Feb 03 '22 11:02 WinterSilence

nesting has nothing to do with row span, it is a part of the grid spec. Nesting grids is in the level 2 spec for grid for subgrid.

kitsguru avatar Feb 03 '22 17:02 kitsguru

@kitsguru my fail, I no remove hash from url. https://codepen.io/WinterSilence/pen/yLPJZRz

WinterSilence avatar Feb 03 '22 18:02 WinterSilence

got it - although the documentation could use a bit of fleshing out on the grid-row. syntax to show spanning rows

kitsguru avatar Feb 03 '22 18:02 kitsguru

@kitsguru code based on example https://getbootstrap.com/docs/5.1/layout/css-grid/#adding-rows , you can add grid-row classes by utility API

WinterSilence avatar Feb 03 '22 18:02 WinterSilence

hey am interested in this task , how will l help out or go about it

Aliyosign avatar Aug 11 '22 12:08 Aliyosign