How to show Alerts and Popups in Bootstrap | Hindi | Newton School


https://i.ytimg.com/vi/e6Z2ID1NTac/hqdefault.jpg



This video is a part of our series – Learn Bootstrap in 15 days
(IMPORTANT : Access whole playlist here: https://www.youtube.com/watch?v=dMz1-NJA7dM&list=PLWSShcvDb13HMsGbBr9_awvzLaInKt-OZ)

The idea of these videos is that anyone can learn Bootstrap and start creating responsive websites and web applications, even if they have no prior experience in coding or web-development.

Chapters
00:00 Welcome to Coding Talkies with Vikas
00:11 Self introduction
00:36 Introduction to the Course
01:10 Introduction to Bootstrap Alerts
01:32 What are Alerts?
02:34 Examples of Alert classes
06:02 How to trigger an alert on button click
13:29 How to add a cross button in alert
14:54 Alerts with links
17:40 Alerts with large content
20:35 Alerts with icons
22:17 Bootstrap icons
22:39 Dismissing an alert
26:00 Quick recap
27:17 Introduction to Newton School

* Notes Link: https://docs.google.com/presentation/d/1P9rYLaFvMFAnkkmwxYNhrUjRXYeIhkSw-QS-u76rszE/edit?usp=sharing
* Source Code: https://drive.google.com/drive/folders/12_ZDXEUHmVmK3y4678phdewmYJ-iM-uI?usp=sharing

————-
Checkout our previous videos on Bootstrap below :-
* BOOTSTRAP BUTTONS & ACCORDION #9 : BOOTSTRAP BUTTONS & ACCORDION #9
* STYLING TEXT AND COLOURS IN BOOTSTRAP #8: https://youtu.be/dmz2-kPmCxE
* RESPONSIVE IMAGES AND TABLES #7 : https://youtu.be/NBRi00ehwCw
* RESPONSIVE NAVBARS #6 : https://youtu.be/_kSbn0Mvxqs
* BOOTSTRAP CONTAINER CLASS #5 : https://youtu.be/yaDnaU5R878
* SETTING THE VIEWPORT #4 : https://youtu.be/eQFriZVtJdg
* MEDIA QUERIES AND MOBILE FIRST WEBSITES #3: https://youtu.be/xEqJMUzSs5w
* USING BOOTSTRAP IN YOUR WEBSITE #2 : https://youtu.be/qN55qgID9uQ
* INTRODUCTION TO BOOTSTRAP #1 : https://youtu.be/dMz1-NJA7dM

—————
Checkout our previous videos on CSS here :-
* (Hindi) CSS – BACKGROUND PROPERTY PART 2 #11 : https://youtu.be/kaNCQt4hx3A
* (Hindi) CSS – BACKGROUND PROPERTY PART 1 | #11 : https://youtu.be/LCV4QoYAoIQ
* HOW TO CREATE SHAPES USING CSS: https://youtu.be/phXKcyU-i88
* CSS BOX MODEL: https://youtu.be/-24Hbo4fVsg
* CSS HEIGHT & WEIGHT OF ELEMENTS #8: https://youtu.be/VsBe15IRBbQ
* CSS BORDER vs PADDING vs MARGIN #7: https://youtu.be/mm5Q7_KgqWc
* HOW TO ADD STYLES TO YOUR WEBSITE #1: https://youtu.be/kZ9knC6JBZM
————–

Learn HTML from scratch or brush up your HTML skills using below videos :-
* HTML Tables
* HTML Images and Videos:
* HTML FOR BEGINNERS #1 | HTML TAGS AND CREATING AN HTML PAGE: https://youtu.be/ikhRlUTzNFA
* INTRODUCTION TO HTML | UNDERSTANDING HTML AND THE DOM:https://youtu.be/1jP87fRPhHE
——————

Please go through our other videos to learn fundamentals of programming and web architecture :-
* Web Architecture for Beginners #3 | https://youtu.be/Gsoua_aIoCk
* Web Architecture for Beginners #2 | Browser Request-Response cycle
: https://youtu.be/NVLZl-9nWZc
* Web Architecture for Beginners: https://youtu.be/7Rzkr_V0vRs
* Introduction to Internet & Web: https://youtu.be/Qaa49FUEDUw
* Introduction to computer programming: https://youtu.be/pHvh3GacZ8U
———————————————————————————————————————–

Newton school is an online Edtech company providing the highest-rated FULL STACK DEVELOPMENT PROGRAM for professionals, graduates, and women.

NEWTON SCHOOL is your gateway to a high-paying tech career in 6 months with Zero fees till placement, transforming you into a rockstar full-stack developer earning 5-40 Lakh per annum salary. Newton School’s students are already working in more than 150+ top companies of India including Zomato, Unacademy, Deloitte, Nutanix, etc.

To watch more videos on programming, Data Structures, Android Development, Data Science, C++, Java, React, subscribe to our channel.

Do visit Newton school Launchpad through: https://www.newtonschool.co/launchpad

Subscribe | Like | Comment

To know more about us and our courses, please visit: https://www.newtonschool.co/

Follow us on
Facebook: https://www.facebook.com/newtonschool.co
Instagram: https://www.instagram.com/newtonschoolofficial/
Linkedin: https://www.linkedin.com/school/newtonschool/mycompany/
—————

Follow me on social media :-
* Instagram: https://www.instagram.com/coding_talkies_with_vikas/
* LinkedIn: https://www.linkedin.com/in/vikasranjan27/

#css #web_development #html #web_pages #webpage #web_developer #software_development #jobs

Original source

Leave a Reply