Skip to playerSkip to main contentSkip to footer
I ASKED ChatGPT To Code me a Bootstrap Navigation Menu & Here's What Happened - How to CODE a Bootstrap Navigation Menu Using ChatGPT On a Mac / Desktop Computer - Basic Tutorial | New #ChatGPT #computersciencevideos #artificialintelligence

Social Media:
--------------------------------
Twitter: https://twitter.com/ComputerVideos
Instagram: https://www.instagram.com/computer.science.videos/
YouTube: https://www.youtube.com/c/ComputerScienceVideos
TikTok: https://www.tiktok.com/@computer.science.videos
TruthSocial: https://truthsocial.com/@ComputerScienceVideos

CSV GitHub: https://github.com/ComputerScienceVideos
Personal GitHub: https://github.com/RehanAbdullah
--------------------------------
Contact via e-mail
--------------------------------
Business E-Mail: ComputerScienceVideosBusiness@gmail.com
Personal E-Mail: rehan@computersciencevideos.com

Support us on PayPal: https://www.paypal.com/paypalme/ComputerScienceVideo

© Computer Science Videos 2024

Category

📚
Learning
Transcript
00:00computer science videos here today to show you guys in this tutorial how to
00:05code a bootstrap navigation menu using chat GPT on a Mac computer without
00:12further ado let us start the videos on this tutorial yeah I need to have access
00:16to a Mac computer of access to a web browser which we will access the online
00:21software from so we can ask of this tutorial before I start this tutorial I
00:26would like to say that you are more than welcome to subscribe to my channel
00:30computer science videos as we know every problem is solved by indirection you can
00:35also follow my Twitter account we are trying to grow as fast as ever I'm on
00:41tick-tock we post videos here and there follow my page on Facebook I'm also on
00:48Instagram you are more than welcome to support me on PayPal let's not focus on
00:55the video so now let's go to the run to the dock go to the web browser which is
01:00Safari in this case wait for that to load once that is loaded now type chat GPT
01:06enter now let's go to chat.openai.com and make sure that you are signed into the
01:12account so now once you have signed in let's now ask the bot how to code a
01:23bootstrap a bootstrap navigation menu with five pages and let's see what happens so
01:41this will now generate some code for us to then take and use for our website if we
01:47want to start building a website from scratch send the message so that code is
01:54now being generated on our screen for us to now take the code and add all the code
02:09to a notepad file so let's not copy code let's now go around to the dock go to launchpad go to
02:19notepad copy and paste that code in there so that's fine that's all done commanding us to save we'll
02:33save the file as index.html save to the desktop yes use.html let's now quit
02:43notepad go to the desktop double click on that file and there we go let's now
02:48decrease the size of the website to confirm that it is cross-platformer yes it
02:54is all the pages should be clickable once they are inserted so that's fine let's not
03:00quit safari quit notepad and so that's it for this video I'll see you guys in my next tutorial
03:09thanks for now thank you for making it towards the end of the video be sure to
03:15subscribe to my channel computer science videos be sure to check out the previous
03:20video on screen now or you can ideally click on the playlist and watch all the
03:26videos from the start until now
Be the first to comment
Add your comment

Recommended