Angular bootstrap

Angular Bootstrap 

Angular

  • Definition: Angular is a front-end framework developed by Google for building dynamic single-page web applications.

Bootstrap
  • Definition: Bootstrap is a CSS framework developed by Twitter that provides pre-designed UI components like buttons, forms, modals, and grid layouts.
Angular Bootstrap

  • Definition: Angular Bootstrap refers to the practice of using Bootstrap’s design system within an Angular application to quickly build responsive and modern UIs.

Install Bootstrap:
  • Navigate to your Angular project directory and install Bootstrap via npm;

npm install bootstrap



Include Bootstrap in Your Angular Project:

  • Open the angular.json file and add the Bootstrap CSS to the styles array:

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
],



Include Bootstrap in Your Angular Project:
  • Open the angular.json file and add the Bootstrap CSS to the styles array:
  "scripts": ["node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"]

moblie response  

  • Smartphones -xs( extra Small )
  • Tablets - sm(Small)
  • Laptops - md ( Medium )
  • Desktop - lg ( large )

























Comments

Post a Comment

Popular posts from this blog

CSS interview question

                                                  C ss interview question  1.What is CSS?           CSS stands for Cascading Style Sheets. It's a style sheet language used for describing the presentation of a document written in HTML. 2.What are the different ways to include CSS in a web page?                CSS can be included in a web page using three methods: Inline CSS      : Using the style attribute within HTML elements. Internal CSS  : Including CSS within <style> tags in the <head> section of an HTML document.        External CSS: Linking an external CSS file using the <link> tag in the <head> section of an HTML document. 3.What is the difference be...
Read more

HTML

 what is html : HTML (HyperText Markup Language) is the standard language used to create and design webpages.  HTML is the standard markup language for creating Web pages.
Read more

Angular full tutorial

  Understanding the Basics What is Angular? Angular is a framework for building web applications. It provides tools and libraries that help you build robust, maintainable, and scalable applications. It follows the Model-View-Controller (MVC) architecture, which helps separate concerns in your code, making it more organized and easier to manage. 1. Setup Environment: Install Node.js : Angular requires Node.js to run. Download and install it from nodejs.org . Verify Installation: Open Terminal. Type node -v and npm -v to check the installed versions. node -v  - Node.js installed. Node.js is a JavaScript runtime used for running JavaScript code outside of a browser, like on servers or for building tools. npm -v - (Node Package Manager) installed.   npm is used to manage packages (libraries or tools) that you can use in your Node.js projects. Install Angular CLI :  The Angular CLI (Command Line Interface) helps with creating and managing Angular proj...
Read more