The Australian Government coat of Arms

Communities of practice

Communities of practice

Grid 12


#1

Please provide any feedback for the Grid 12 component.

You can also view the component page on our documentation site for the Grid 12 component.


#2

Hi @alex.page - we’ve raised an issue over at https://github.com/govau/uikit/issues/339 around the inheritance of the .au-grid class when extending - happy to discuss if you want?


#3

A small update, but worth sharing:

We’ve added full-width examples for grid-12 (along with the header and footer components) to make it easier to see how the component behaves in context.


#4

Any chance of supporing the bootstrap 4 styles of just ‘col’ instead of needing to specify col size in the grid. Eg I have 8 columns, the first column I want ‘col-md-2’, but the remaining 7 columns I just want ‘col’ so that the width is distributed evenly of the remaining 11 of the 12 grid columns.

Maybe already there and I missed it?


#5

I meant remaining 10 columns…


#6

Hey @woj unfortunately this is something we can’t support. That feature is a new feature of bootstrap 4 that uses flex box.

You can read more about it here:

Our components need to be able to work in older browsers like IE8.


#7

Thanks Alex, wasn’t suggesting doing it the same way bootstrap does it…

It can be done without flex, but understand if you don;t think the investment is worth it (and that you don’t want to use JavaScript).

Better to wait for older browser versions to fade out.


#8

I think it’s a valid idea. An option in the future may be creating a different grid called grid-flex that doesn’t have the same level of browser support as the grid-12 component.


#9

Hey friends,

We have had some great feedback about the use of the bootstrap 3 grid and how the grid sizes do not align to he media query breakpoints.

Would anyone be happy or frustrated by changing the grid sizes to a bootstrap 4 grid ( not including flexbox ). This would make them consistent with the breakpoints, however it may also be frustrating for existing users of the grid.

If we don’t get any feedback on this, we will leave it as is for the time being as it would be a breaking change for many people using the design system.

This has been raised on GitHub by alan-cole:
https://github.com/govau/uikit/issues/558#issuecomment-442307021