• Tuesday , 31 March 2020

Bootstrap tutorial 2 – Installing Bootstrap the CDN way

Code Canyon
https://i.ytimg.com/vi/R52AsglN0DE/hqdefault.jpg



In this tutorial I show you how to use Bootstrap on your web page the CDN way.

Bootstrap’s website:
http://getbootstrap.com/

The bootstrap ‘getting started’ page (with CDN code):
http://getbootstrap.com/getting-started/

jQuery on Google’s CDN:
https://developers.google.com/speed/libraries/#jquery

Useful links:
———————————–
Don’t forget to subscribe: www.youtube.com/QuentinWatt
Follow me on Twitter: www.twitter.com/QuentinWatt
Follow me on Facebook: www.facebook.com/quentin.watt
Feel free to donate: https://www.paypal.com/cgi-bin/webscr…
————————————

Original source

3d Ocean

Related Posts

47 Comments

  1. Alan Fabricio
    March 25, 2020 at 17:56

    It helped me a lot, thanks!

  2. Kelly
    March 25, 2020 at 17:56

    super helpful!! thank you

  3. Tarik Hacialiogullari
    March 25, 2020 at 17:56

    Hi a question about 10:17 you said if you didn't use the optional theme. But I got these two links:
    <!– CSS –>
    <link
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    rel="stylesheet"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
    crossorigin="anonymous"
    />
    AND
    <script
    src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
    crossorigin="anonymous"
    ></script>

    I get the green button anyways 😀 (without the optional theme)
    You know why? The explanation would be fine. Did they implement it standard in the css or something?

  4. paula ner
    March 25, 2020 at 17:56

    Thank you for the great videos and lots of patience too!

  5. hadeel alzenaty
    March 25, 2020 at 17:56

    Thank You So much :)) Big Like

  6. Marcel Marceli
    March 25, 2020 at 17:56

    Thanks for the tutorial but please try to zoom in your code.

  7. nejib akk
    March 25, 2020 at 17:56

    bad tuto !! you talk too much for nothing !!

  8. edward
    March 25, 2020 at 17:56

    Can't find CDN for theme anywhere

  9. GOOSEBUMP NEWS
    March 25, 2020 at 17:56

    Dear Sir,
    Thank you very much for your videos on HTML & CSS. All 51 videos are excellent.
    Your videos are very much informative and very helpful to me so far. Regarding Bootstrap Introduction videos I am facing little hitch that
    I am Unable to read the typed text in the sublime CODE editor. Would you mind please increase the font size and screen resolution at readable clarity. you can inform me through mail rajlekandar@gmail.com if you produce any videos on HTML & CSS + BOOTSTRAP.
    Thank you.

  10. prasad pawar
    March 25, 2020 at 17:56

    thanks mate for solving my CDN problem

  11. Hell Dunkel
    March 25, 2020 at 17:56

    Sorry to say but this tutorial is not great. Too much bla bla, too little actual information.

  12. AB Siddik
    March 25, 2020 at 17:56

    places give me bootstrap download link

  13. Van Starr
    March 25, 2020 at 17:56

    Quentin, try Atom code editor, it works on every OS, and is easy to use, and has Many Plugins available, also it is free!

  14. Jean Deux
    March 25, 2020 at 17:56

    Ah, Bootstrap 3. Hmm.

  15. Mahmud Islam
    March 25, 2020 at 17:56

    Please zoom the code in sublime…we cant see it properly…

  16. Amanda T
    March 25, 2020 at 17:56

    Why do you put the javascript links in the body instead of in the head?

  17. Axel Steel
    March 25, 2020 at 17:56

    You can use Wine to get notepad++ for mac

  18. Potato Missing
    March 25, 2020 at 17:56

    10:00 it's not your internet because it's locally hosted.. Jesus, it's the Mac, I really don't get it how you people don't realize.

  19. Becky
    March 25, 2020 at 17:56

    yeah great video but you talk too too much

  20. Ester Uscanga
    March 25, 2020 at 17:56

    Thank you!!! 😀

  21. Aubrey Neimeier
    March 25, 2020 at 17:56

    Holy crap. at 8 mins and 38 seconds you showed us how to copy and paste three links into a html file. Could you move any faster please?

  22. Filipi Maciel
    March 25, 2020 at 17:56

    2017 here, and it's working!
    The code change a little bit, but the logic is the same. Thank you for the tutorial!

  23. karan dhari
    March 25, 2020 at 17:56

    thank you

  24. Riz Akhtar
    March 25, 2020 at 17:56

    Great tutorial Quentin!

  25. Anjal Dhakal
    March 25, 2020 at 17:56

    please zoom while writing in ur text editor , i couldn't see it

  26. Mohammed Mayat
    March 25, 2020 at 17:56

    just starting bootstrap tutorial in future videos would be able to change theme on sublime text so you have white background instead of black or use bracket, had to see what you written on black background

  27. Botshelo Diale
    March 25, 2020 at 17:56

    awesome tutorial !!

  28. aminuddin afiq
    March 25, 2020 at 17:56

    why did i get a gray button instead of green one?

  29. Alan Coates
    March 25, 2020 at 17:56

    Immensely helpful. Thanks for your fine effort on this video. I followed along using Cloud-9 IDE on a Chromebook, and Bootstrap played well together with everything.

  30. Diana Rusu
    March 25, 2020 at 17:56

    Stop talking about useless stuff, like when you loaded the page before the video. You're killing me slowly. Just talk about relevant stuff.

  31. Charlie Ennis
    March 25, 2020 at 17:56

    YES! Thank you! After searching for over a week you were the first person to help me download this successfully. You're the man.

  32. Sophea Soeng
    March 25, 2020 at 17:56

    This is awesome. Nice explanation .

  33. JASDKA1
    March 25, 2020 at 17:56

    What would be better then:focus on bootstrap and forget about proper coding or the opposite…or both maybe?

  34. Harman Tiwana
    March 25, 2020 at 17:56

    Good video, but your lip smacking is so annoying and irritating

  35. Tek Salami
    March 25, 2020 at 17:56

    I am very satisfaction by this tutorial. thank u very much.

  36. Tom Davis
    March 25, 2020 at 17:56

    Love these vids man… really step by step and easy to follow so then you can use my own understanding later

  37. Marcus Marcus
    March 25, 2020 at 17:56

    Thank you so much bro.

  38. Tom E
    March 25, 2020 at 17:56

    Excellent video. Thank you very much. Please make the screen bigger next time. I had to zoom in to 400% to read the text.

  39. shahiduzzaman foysal
    March 25, 2020 at 17:56

    yes go ahead

  40. Retard Devil
    March 25, 2020 at 17:56

    how to know which class should be added or anything could b written as class ………could you help me?

  41. amin zammou
    March 25, 2020 at 17:56

    witch one do i need i see three programs

  42. Brian Choy
    March 25, 2020 at 17:56

    Dear Sir,

    I like your video. I like the way you talk and explain
    While you're explaining your code , can you not zoom in so that your audience can get a clear view of the tiny letters in your code ??

    Brian

  43. Fitssum W. Haile
    March 25, 2020 at 17:56

    the tex is too small to read…good tutorial though

  44. Frank Mueller
    March 25, 2020 at 17:56

    Great job, thank you very much. It saves me a lot of time.

  45. Topsoil Depletion Awareness (closing the loop)
    March 25, 2020 at 17:56

    Is this right:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Javascript</title>
    <!– Latest compiled and minified CSS –>
    <link rel="stylesheet"
    href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">

    <!– Optional theme –>
    <link rel="stylesheet"
    href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
    integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
    crossorigin="anonymous">
    <!– css –>
    <style>
    body {
    background-color: black;
    }
    h1 {
    color: blue;
    }
    </style>
    </head>
    <!– html –>
    <body>
    <div class = "container-fluid">
    <h1 class="text-center">Hello World</h1>

    </div>
    <!– JQuery –>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <!– Latest compiled and minified JavaScript –>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
    </body>
    </html>

  46. Shaikh Saqib
    March 25, 2020 at 17:56

    jquery is not working ?

Leave A Comment

You must be logged in to post a comment.