We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Bootstrap 4.0 Compatability

Now that Bootstrap 4.0 has been released, when does Syncfusion think their ASP.NET Core MVC controls will be compatible with Bootstrap 4.0.
Also since Visual Studio 2017 has dropped Bower support, how do you upgrade the controls and supporting files?
Orgbrat

1 Reply

PK Prem Kumar Madhan Raj Syncfusion Team February 2, 2018 02:59 PM UTC

Hi Orgbrat, 
 
Thanks for contacting Syncfusion Support. 
 
Query1: Also since Visual Studio 2017 has dropped Bower support, how do you upgrade the controls and supporting files?  
 
We have provided bower support for versions of visual studio till which bower support is included. For versions for which bower has been deprecated, we have an alternate way by downloading required files using npm. Please follow the below steps to download the files using npm into your application. 
 
1.     Add project.json file to the project by right click on project file Add -> New Item and search fo npm configuration file in the dialog that opens and click add. Add the below code in the project.json file.

 
{ 
  "version": "1.0.0", 
  "name": "asp.net", 
  "private": true, 
  "devDependencies": { 
    "bootstrap": "^3.3.6",s 
    "jquery": "^3.1.1", 
    "jsrender": "^0.9.75", 
    "gulp": "^3.9.1", 
    "syncfusion-javascript": "^15.4.20" 
  } 
} 
 
 
2.     Add a Gulp file to the project by right clicking on project file Add -> New Item -> and search from gulp file in the dialog that opens and click add. Now add the below code to the gulpfile.js file such that the Script and CSS files will be copied to the wwwroot folder. 
 
/// <binding /> 
var gulp = require('gulp'); 
gulp.task('copy', function () { 
    gulp.src('./node_modules/syncfusion-javascript/**') 
        .pipe(gulp.dest('./wwwroot/syncfusion-javascript')); 
});   
 
3.     Now navigate to the sample folder and run the commands “npm install” and “npm install syncfusion-javascript” all the script files will be now available in the node modules folder. 
 
4.     Now open the task runner explorer by clicking on view -> other windows -> task runner explorer. Then run the copy task as shown in the below screenshot. 
 
 
  
Once you run the task, the CSS and Scripts files will be copied within the wwwroot folder and can be referred in the sample. 
 
 
 
 
Query2: Now that Bootstrap 4.0 has been released, when does Syncfusion think their ASP.NET Core MVC controls will be compatible with Bootstrap 4.0.  

Answer:  Support for Syncfusion ASP.NET Core MVC controls with Bootstrap 4.0 will be included in any of our upcoming release from our end. 

Regards, 

Prem Kumar. M

Loader.
Live Chat Icon For mobile
Up arrow icon