How to use Custom Bootstrap css

Question

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

Saranya Murugasamy · Answer

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

Tommy Mailhot · Answer

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.cssThank you

Saranya Murugasamy · Answer

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.    
https://github.com/SyncfusionSamples/ej2-custom-styles  
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