Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Developing Multi-Platform Apps with Visual Studio Code

You're reading from   Developing Multi-Platform Apps with Visual Studio Code Get up and running with VS Code by building multi-platform, cloud-native, and microservices-based apps

Arrow left icon
Product type Paperback
Published in Sep 2020
Publisher Packt
ISBN-13 9781838822934
Length 334 pages
Edition 1st Edition
Languages
Arrow right icon
Authors (2):
Arrow left icon
Khusro Habib Khusro Habib
Author Profile Icon Khusro Habib
Khusro Habib
Ovais Mehboob Ahmed Khan Ovais Mehboob Ahmed Khan
Author Profile Icon Ovais Mehboob Ahmed Khan
Ovais Mehboob Ahmed Khan
Arrow right icon
View More author details
Toc

Table of Contents (15) Chapters Close

Preface 1. Section 1: Introduction to Visual Studio Code
2. Chapter 1: Getting Started with Visual Studio Code FREE CHAPTER 3. Chapter 2: Extensions in Visual Studio Code 4. Section 2: Developing Microservices-Based Applications in Visual Studio Code
5. Chapter 3: Building a Multi-Platform Backend Using Visual Studio Code 6. Chapter 4: Building a Service in .NET Core and Exploring Dapr 7. Chapter 5: Building a Web-Based Frontend Application with Angular 8. Chapter 6: Debugging Techniques 9. Chapter 7: Deploying Applications on Azure 10. Chapter 8: Git and Azure DevOps 11. Section 3: Advanced Topics on Visual Studio Code
12. Chapter 9: Creating Custom Extensions in Visual Studio Code 13. Chapter 10: Remote Development in Visual Studio Code 14. Other Books You May Enjoy

Adding styling with Bootstrap

Bootstrap is one of the most famous toolkits for creating a responsive website. For more information, visit https://getbootstrap.com/.

Installing the Bootstrap and jQuery packages

To install these, we perform the following steps:

  1. To add Bootstrap styling to our project, we will need to install the bootstrap package. We will do this by using npm.
  2. Run the following command in the project directory to install the bootstrap package and also add it to the package.json file:
    npm install bootstrap
  3. Next, add the jquery package by running the following command in the same directory:
    npm install jquery
  4. You can also run these commands together by running the following command:
    npm install bootstrap jquery

The packages are now downloaded. Next, let's look at the steps to configure the Angular app project.

Adding the CSS and JS files to the Angular project

For the Angular project to access the Bootstrap and jQuery files, we...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime