Code Smarter !!

Sharing what I learn

Adding Twitter Bootstrap to an Angular 2 app - The Easy Way!

I needed to add Twitter Bootstrap (3) to one of my Angular 2.0 apps for a simple styling without jQuery part, but it wasn't as easy as what I thought!

I tried different approaches from adding Bootstrap to package.json and adding link tag for bootstrap css file in index.html, to installing ng-bootstrap, but none of them seemed to be working. Searching on the web also didn't give me any easy answer. Until I finally found the answer!

All I needed to do was to add a link tag to index.html pointing to the Twitter Bootstrap CDN! (copied from http://getbootstrap.com/getting-started/)

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Hope this can save you a little time!

Happy coding...



Visual Studio 2015 - Apache Cordova: The debugger cannot continue running the process. unable to start debugging cordova

If you have upgraded Visual Studio 2015 from RTM or earlier version to the release one and try to build an Apache Cordova project you might see this error.

When I got this error I tried to Repair the VS2015 install, uninstalled and reinstalled VS2015 and even reinstalled Visual Studio Tools for Apache Cordova but nothing helped. I searched on the internet and finally found the answer here ...

All you need to do is:

    1. Close all VS instances
    2. cd %appdata%\Local\Microsoft\Phone Tools”
    3. rename CoreCon folder to something else
    4. Launch VS again
    Visual Studio will recreate the CoreCon folder with correct content and then you should be able to see the "Ripple" emulator and build Cordova projects.

    Happy coding...