Do we have to use Bootstrap with Syncfusion

[Alexandre]

Hi.

Does Syncfusion Blazor need bootstrap to work ?

Thanks

[Sureshkumar P]

Hi Alexandre,  

 

Greetings from Syncfusion support.  

 

No, we do not need any third party CSS files to render the Syncfusion components. but we have our own theme files to load the component. we need to load any one of the available themes for rendering the Syncfusion components with effective UI. We have provided various theme support for our Blazor Syncfusion components. So, you can use it based on the application needs.  

1.       Bootstrap   

2.       Bootstrap v4   

3.       Material  

4.       Fabric   

5.       High contrast   

Please find the multiple themes from the below demo link and option provided in the top right corner of the page name as “Choose Theme”.  

Demo: https://blazor.syncfusion.com/demos/autocomplete/default-functionalities?theme=bootstrap4    

 

Local Files:  

Material theme:  

<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/material.css" rel="stylesheet" />  

  

Bootstrap themes:  

<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap.css" rel="stylesheet" />  

<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap4.css" rel="stylesheet" />  

Fabric theme:  

<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/fabric.css" rel="stylesheet" />  

Highcontrast theme:  

  <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/highcontrast.css" rel="stylesheet" />  

  

CDN Link:  

Material theme:  

<link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.4.33/styles/material.css"rel="stylesheet" />  

Bootstrap themes:  

<link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.4.33/styles/bootstrap4.css"rel="stylesheet" />  

<link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.4.33/styles/bootstrap.css"rel="stylesheet" />  

Highcontrast theme:  

<link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.4.33/styles/highcontrast.css"rel="stylesheet" />  

Fabric theme:  

<link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.4.33/styles/fabric.css"rel="stylesheet" />  

  

Regards, 

Sureshkumar P