Bootstrap Integration - Angular 6 / Angular 7
Posted at: December 15, 2018 3:54 PM
Integrate bootstrap 4.x in Angular 6 or 7.
Step1:
Go to download section on bootstrap website and see "Install Bootstrap in your Node.js powered apps with the npm package" Run this command on your angular app.
Step2:
Go to node_modules directory and and see bootstrap directory. Its contain css and js file.
Step3:
Download latest jquery library from this https://jquery.com/download/. Upload this file in folder node_modules/bootstrap/dist/js
Now edit angular.json file for adding css and js. This file is available in your project root folder.
Add bootstrap.min.css in side architect->build->options: "styles"object
node_modules/bootstrap/dist/css/bootstrap.min.css
Add bootstrap.min.js in architect->build->options: "scripts"object
node_modules/bootstrap/dist/js/bootstrap.min.js
angular.json file.
This lesson also available on YouTube
More Posts - Angular Project Training
- Project Overview and Setup
- Bootstrap Integration
- Project Structure and Create Modules and Components
- Theme Integration and Create Home Page
- Create Routing, Navigation and Inner Page
- Service and Http Client, Blog Listing and Featured Blog
- Service and Http Client for Blog Detail, Recent Blog and Categories
- Service and Http Client for Create Static Pages
- Create Contact Form and Send Data on Email
- Login and Logout using Web API with Token Based Authentication
- CRUD #1 Admin can View Blog List
- CRUD #2 Create, Edit, and Delete Blog with File Upload
- Set HTTP Base URLs of Production and Development Environment
- Angular Project Deployment on Live Server
Angular 6/7 Tutorial in Hindi
Angular 7 is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript, used to create Single Page Applications.
truecodex.com provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7.
truecodex.com will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.
Please leave comments
5 Comments
