Bootstrap tutorial 2 – Installing Bootstrap the CDN way



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


47 responses to “Bootstrap tutorial 2 – Installing Bootstrap the CDN way”

  1. 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?

  2. 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.

  3. 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

  4. 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

  5. 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>

Leave a Reply