Set Grid Preferences to Bootstrap

[mwdrop]

I'm struggling to set XD built-in grid preferences to match Boostrap 1170 grid.

I'm also not sure how the '21' associated with icons relates to the settings.

[Atul_Saini]

Hi Mwdrop,

Thanks for sharing the screenshot, I would like to inform you that this number "21" is linked to margins of the grid. Please take a look at this link to match Bootstrap 1170 grid: - https://www.xdguru.com/bootstrap-grid-adobe-xd/ and for others check this as well: - Behance.

Please update this discussion in case you need further assistance.

Thanks,

Aul_Saini

[matthallett]

If you use 1366 as your artboard size and set the 3 grid values to 30, 68, 110, then it should match up with Bootstrap.

The grid tool needs improving though, it's really unintuitive and not very flexible. I think what's needed is a 'content width' setting so that you can restrict the total width of the grid. Some pre-sets would also be good - for example Bootstrap and other similar products.