Bootstrap and DDS

[Cath]

Hi All

Is anyone using Bootstrap with DDS? Are there any issues or concerns in doing so?

Thanks

Cath

[Chris]

Hi Cath,

I have incorporated Bootstrap into the work I have done for a few clients. I have found though that if you are compiling the SCSS from bootstrap, there are some conflicting function names etc.

Integration: Consider altering variable and function names to all prefix with 'nsw'

If you are loading it in with a CDN, I think it should be fine. All of the styles from DDS are namespaced so it shouldn’t interrupt with Bootstrap too much

Chris

[Cath]

Thanks Chris, I will pass this on to my team.

@tjharrop from the DDS side, has any objection been raised in using Bootstrap with DDS?

Cheers
Cath

[benjamin]

Hey Cath,

Just to add to Chris’s suggestion you can install with npm and import the compiled versions of Bootstrap, NSW Design System or even both depending on your needs.

For example:

SCSS

@import '~nsw-design-system/dist/css/main.css';
@import '~bootstrap/dist/css/bootstrap-grid.min.css';

JS

import 'nsw-design-system/dist/css/main.css';
import 'bootstrap/dist/css/bootstrap-grid.css;

The team is looking at this variable/function clash but we’re just going through a list of changes before we can roll it out. Watch this space.

Cheers,
Ben

[Cath]

Thanks for this Ben, will keep an eye out.

Cheers
Cath