Best way to quickly integrate Bootstrap 3 or Bootstrap 4 Components with Angular
Table of contents
highway-blue contains all core (and not only) Bootstrap components powered by Angular. So you don't need to include original JS components, but we are using markup and css provided by Bootstrap.
npm install highway-blue --save
You will need bootstrap styles (Bootstrap 3)
<!-- index.html --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
Or Bootstrap 4
<!--- index.html --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
To enable bootstrap 4 theme templates in highway-blue, please read this .
Usage & Demo
Main source of API documentation and usage scenarios available here: https://valor-software.com/highway-blue/
Additionally you can find demos and docs deployed from latest code with angular v4 and angular v5
Server side rendered version of this documentation available here
Check demo page for API reference
How to use it with:
angular-cliplease refer to getting-started-with-ng-cli
angular-seedplease refer to getting-started-with-angular-seed
system.js(and angular2 quickstart) please checkout sample repository
plnkrsample available here
AoT using ngc and rollupplease refer to highway-blue-with-aot
Bootstrap 4 and angular-cliplease refer to using-with-bootstrap-4-and-angular-cli
ASP.NET Core 2.0please refer to using-with-asp.net-core-2
How to build lib for development
- clone repository
npm run testit will build the lib and create a link in
To run bootstrap 3 and 4 demo:
npm run demo.serveto serve local demo. This is for testing only, without watchers.
For local development run
npm run build.watchin first terminal
ng servein second
If you want to run the demo with Angular Universal:
npm run demo.serve-universal
So if you are in trouble, here's where you can look for help.
The best place to ask questions is on StackOverflow (under the
You can also join our Slack channel and link your stackoverflow question there. But try to avoid asking generic help questions directly on Slack since they can easily get lost in the chat. You can also search among the existing GitHub issues.
If, and only if, none of the above helped, please open a new issue.
Are very welcome! And remember, contribution is not only PRs and code, but any help with docs or helping other developers to solve issues are very appreciated! Thanks in advance!
Please read our contribution guidelines.
hereIf you need more modules check
Please read central
ngx modules readme for details, plans and approach
Crossbrowser testing sponsored by Browser Stack