Bootstrap 5 | Alerts | 002 #web #bootstrap #website #design #front_end #tutorial #demo



Published
Your subscription is highly appreciated.
open session

Timeline and navigation
0:00 Opening
0:08 Demo of alerts
0:25 Step 1. Create a new html file
0:42 Step 2. Copy boilerplate code
0:49 Step 3. Coding show
2:30 Thank you


FAQ:
1. Is the source code of the demo the same as that at the official site?
Not really. We made some modifications based on the original source code. And the demos of code at the official site are usually fragments while our codes are relatively complete which is more friendly to the ones new to bootstrap 5.

2. What is the purpose of presenting the source code?
We represent the coding process to learners and wish it could be of some help to understand the source code in a vivid way and say goodbye to reading the 'static' code from top to bottom.

3. Where can I obtain the source code?
You may visit the official site to copy fragments of original code for your needs. And if you want to know how the entire code looks, you may check our code shown in the video by pressing pause.

4. Where to place my JavaScript code in real projects?
It is good to place your JavaScript code generally at the bottom of your html document before the closing tag of body. In my video demo, however, it was copied and pasted into the head section and it does not matter to evaluate the code of the accordion component.


Related video links:
Web Demo 01 Mini calculator DIY - https://youtu.be/t_XU1qKeI6A

Other learning video links:
Python Demo 01 Text Editor DIY - https://youtu.be/higLn1KffdY
Java Demo 01 OOP Query interest rate - https://youtu.be/vKdsO24JQHI
Robotics Demo 01 EV3 Educator - https://youtu.be/ae1-iMM-IEk

Your subscription will absolutely encourage us much.
Category
Web design
Be the first to comment