Is the theme compatible with the bootstrap.css responsive styles?

Post Reply
Posts: 61
Joined: 13 Dec 2017, 19:01

17 Jan 2018, 00:13

I would like to use some of the bootstrap.css styles with this theme. Specifically, the responsive spacing styles:

My question is, are the responsive spacing styles of bootstrap compatible with the grid layout that comes with the theme?

Actually, it would be great if the theme included responsive spacing styles but if it does, I can't find them in the documentation.



Edit: I guess the alternative would be to use bootstrap's grid instead of primeng's. Still need to know if its a good idea to import the bootstrap.css along with this theme.

Posts: 477
Joined: 12 Sep 2017, 10:44

17 Jan 2018, 10:03

Please, add bootstrap.css in .angular-cli.json and try.
Like this;

Code: Select all

"styles": [

Posts: 61
Joined: 13 Dec 2017, 19:01

17 Jan 2018, 18:48

Thanks, yes I know how to add the bootstrap.css file (I'm using webpack).

I was asking if the responsive spacing styles in the bootstrap.css are compatible with the responsive grid system in the PrimeNG Avalon Theme.

Posts: 1
Joined: 03 Feb 2018, 10:48

03 Feb 2018, 10:59

The PrimeNG is a great framework and ready-to-use for production level, however, the grid system is not great. I also want to use boostrap 4's grid and layout system combined with primeng components. I just wonder if there is any compatibility issue.
Hopefully, PrimeNG can bring a flexbox based grid system. Is there any plan in the future release?
Thanks for your attention.

Posts: 61
Joined: 13 Dec 2017, 19:01

13 Feb 2018, 21:43

There is a feature request under review in the primeNG GitHub project to change the grid system from floats to flexbox. That would give it much more flexibility. Hopefully that will happen sooner rather than later.

Posts: 18082
Joined: 05 Jan 2009, 00:21
Location: Cybertron

04 Mar 2018, 11:46

Yes, new Grid CSS is planned however it is possible to use any other grid system with PrimeNG components, I know users who use angular flex layout or bootstrap grid.

Post Reply

Return to “Avalon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest