Use Bootstrap Grid Layout With Angular Material Components

Nimrod Resulta asked on Sep 14, 2021 2:45 PM

How can I use Bootstrap Grid System with Angular Material? I am good with all the Angular Material components but I want to utilize the grid system on bootstrap for my group input fields? Is this supported? I have installed “ng add @ng-bootstrap/ng-bootstrap” but it seems like it is not working. I tried the code below to play around with rows and columns but it doesn’t work. Hope you can enlighten and guide me on this?

1 of 3

</div>

2 of 3 (wider)

</div>

3 of 3

</div>

1 of 3

</div>

2 of 3 (wider)

</div>

3 of 3

</div>

Replies

0

Bozhidara Pachilova answered on Sep 14, 2021 2:45 PM
Hello Nimrod,

Could you please elaborate whether you are trying to apply Bootstrap styling to IgniteUI for Angular controls? If so, I can suggest referring to the Bootstrap Theming topic in our documentation, where details and samples regarding applying bootstrap theming can be found.

Please, keep in mind that NgBootstrap is a separate library and in case your question is about its general usage and is not related to Infragistics controls, this would be considered as out of scope of Infragistics Developer Support. Thank you for understanding.

Lastly, in general, for the Bootstrap styling to kick in you have to link the regular Bootstrap CSS in your <head> section:
Sincerely,
Bozhidara Pachilova
Associate Software Developer