Top Categories
Part 6 - How to use Bootstrap 4 Card with Navigation bar and Images in angular 5
- Category: Information Technology
- Sub Category: ASP.NET
OVERVIEW::
In this video I have explained how to use bootstrap 4 card with Navigation bar and images in angular 5 application. This is in continuation of part 5
GET CODE HERE: http://technotipstutorial.blogspot.com/2018/09/part-5-how-to-use-bootstrap-4-in.html
SOCIAL :
Find Us on FB : http://fac
OVERVIEW::
In this video I have explained how to use bootstrap 4 card with Navigation bar and images in angular 5 application. This is in continuation of part 5
GET CODE HERE: http://technotipstutorial.blogspot.com/2018/09/part-5-how-to-use-bootstrap-4-in.html
SOCIAL :
Find Us on FB : http://facebook.com/technotipstutorial
Subscribe US : http://youtube.com/aapkanigam
Follow us on Twitter : https://twitter.com/technotipsMVC
INTRODUCTION :
To use complete feature of bootstrap we need to install ngx - bootstrap and Bootstrap 4 using below npm command
1. Add bootstrap 4 : npm install bootstrap --save
2. Add ngx- bootstrap :npm install ngx-bootstrap --save
Here we have discussed one of the best feature of bootstrap i.e. Bootstrap Card. you can see last 2 example in this video. first 3 has been discussed in part 5
1. Simple Card
2. Card with background color
3. Card with border
4. Card with navigation bar
5. Card with Image
Card color can be changed by using different color classes like primary, secondary, white, success, danger, info, dark
RECOMMENDATION:
Part 1: How to install angular 5 on your machine: https://www.youtube.com/watch?v=n0tGfrVHOS8&list=PLM5JAv_WpgH8VF35Jr7tNNp9VpYa9KxkR&index=1
Part 2: Overview:
https://www.youtube.com/watch?v=RPOHD2BEH7A&list=PLM5JAv_WpgH8VF35Jr7tNNp9VpYa9KxkR&index=2
Part 3: Module and Component:
https://www.youtube.com/watch?v=xYs2-fe-wxg&list=PLM5JAv_WpgH8VF35Jr7tNNp9VpYa9KxkR&index=3
Part 4: How to use various Data Types in Angular 5
https://www.youtube.com/watch?v=OtMdvzOS_hw&list=PLM5JAv_WpgH8VF35Jr7tNNp9VpYa9KxkR&index=4
TAGS
Angular 5 tutorial
Angular 5 installation
Data types in Angular
how to use bootstrap in angular 5
bootstrap 4 in angular 5
Create your first angular 5 application
How to add components in angular 5
nested component
module in angular 5
Angular CLI installation
visual studio code
vs code
javascript
angular tutorial