0

I’m trying to style my K2 SmartForms (by Nintex) using Bootstrap 5 with SASS.

However, SmartForms have their own generated HTML structure and styles that often conflict with Bootstrap’s classes and layout system. I’d like to integrate Bootstrap 5 styling (grids, buttons, forms, spacing utilities, etc.) without breaking SmartForms functionality.

What I’ve tried:

  • Added Bootstrap 5 compiled CSS and JS files to the SmartForms theme via StyleProfile (External css & js files)

  • Attempted to override K2 default styles using custom SASS variables.

  • Scoped Bootstrap with a parent class to avoid global conflicts — but that breaks layout consistency.

  • Tried recompiling Bootstrap with custom variables and a namespace.

My questions:

  1. What’s the best way to integrate Bootstrap 5 with K2 SmartForms while keeping both systems functional?

  2. Should I compile Bootstrap with a custom namespace using SASS?

  3. Is there a recommended or supported approach by Nintex for using modern frameworks like Bootstrap 5 with SmartForms?

Environment:

  • K2 Five (latest version)

  • Nintex K2 SmartForms

  • Bootstrap 5.3

  • SASS

Improve this question
Related questions
2706
How to make a div 100% height of the browser window
2533
How can I make a div not larger than its contents?
2039
How do CSS triangles work?
Load 6 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.