Bootstrap CDN

by Online Tutorials Library July 14, 2022

Bootstrap CDN

CDN stands for Content Delivery Network or Content Distribution Network. It helps us to improve the rendering time and website performance.

Bootstrap CDN is a free content delivery network that helps us to quickly load Bootstrap CSS, Javascript, and jQuery libraries on our projects to make projects responsive, mobile friendly, and attractive.

Bootstrap CDN Link and scripts

CSS link

Copy-paste the below CSS link to the <head> section of your code.

  <link rel = “stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”/>    

JavaScript

  <script src =  “https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js”></script>    

Jquery library

  <script src = “https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script>    

Note: Without an internet connection, we can’t use the Bootstrap CDN.

How to use Bootstrap CDN

The below example shows that how we can use Bootstrap CDN on our code.

Code:

  <!DOCTYPE html>    <html lang = “en”>    <head>      <title>This is a Bootstrap CDN example</title>            <meta name = “viewport” content = “width = device-width, initial-scale=1”>      <link rel = “stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”>    </head>    <body>    <div class = “container”>      <h1 align = “center”> Welcome to Tutor Aspire</h1>      <p>Write your text here..</p>     </div>          <script src = “https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script>      <script src = “https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js”></script>    </body>    </html>  

Test it Now

Next TopicBootstrap Spinners

Bootstrap CDN

Bootstrap CDN

Bootstrap CDN Link and scripts

Note: Without an internet connection, we can’t use the Bootstrap CDN.

How to use Bootstrap CDN

Bootstrap 4 Textarea

Bootstrap Popover

You may also like