How to use Custom Bootstrap css

Hi,
I have an Asp.Net Mvc 5 projet using custom Bootstrap 4 css.
How can I use this custom css with my Syncfusion Control.
Thank you

3 Replies

SM Saranya Murugasamy Syncfusion Team April 10, 2018 12:50 PM UTC

Hi Tommy, 

Thanks for your interest in Essential JS 2. 

We would like to know that the Essential JS 2 components can be usable side by side with Bootstrap 4 CSS styles and it is compatible with Bootstrap theme. 

Please get back to us, if we misunderstood your requirement and also please provide us more information about your requirement, it will be helpful for us to provide you the solution as soon as possible. 

Please let us know if you have any concerns. 

Regards, 
Saranya Murugasamy 




TM Tommy Mailhot April 10, 2018 01:00 PM UTC

Hi,

I know EJS2 and Bottstrap 4 are compatible but I want to know how can I make EJS2 components use my custom bootstrap css.

Exemple: Default input hightlight are blue, in my custom bootstrap css, highlight are green but EJS2 input stay blue...

I use Gulp to generate custom bootstrap.css

Thank you


SM Saranya Murugasamy Syncfusion Team April 11, 2018 11:28 AM UTC

Hi Tommy, 

We have implemented a simple node.js application to generate the custom style for Essential JS 2 components, Please find the below link for further reference.    
For example, we can change the $input-border-focus  color value of bootstrap (styles/definition/_bootstrap.scss) theme to generate the custom styles as per your requirement. 
Please let us know if you have any concerns.  
  
Regards, 
Saranya Murugasamy 


Loader.
Up arrow icon