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

Post Reply
aflorin
Posts: 47
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: https://getbootstrap.com/docs/4.0/utilities/spacing/

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.

Thanks,

Alex

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.

merve7
Posts: 316
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": [
        "../node_modules/primeng/resources/primeng.min.css",
        "../node_modules/fullcalendar/dist/fullcalendar.min.css",
        "../node_modules/quill/dist/quill.snow.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "../node_modules/nanoscroller/bin/css/nanoscroller.css",
        "styles.scss",
        "your_path/bootstrap.css"
      ],

aflorin
Posts: 47
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.

nn8137
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.

aflorin
Posts: 47
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.

cagatay.civici
Prime
Posts: 17996
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

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