Bootstrap教程

Bootstrap CDN

Bootstrap CDN

CDN代表内容分发网络或内容分发网络。它有助于我们改善渲染时间和网站性能。
Bootstrap CDN是免费的内容分发网络,可帮助我们快速加载Bootstrap CSS ,Javascript 和 jQuery 库来制作项目响应,移动友好且有吸引力。

引导CDN链接和脚本

CSS链接
将下面的CSS链接粘贴到代码的<head>部分。
<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库
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
注意: 如果没有互联网连接,我们将无法使用Bootstrap CDN。

如何使用Bootstrap CDN

下面的示例说明了如何在代码上使用Bootstrap CDN。
代码:
<!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 lidihuo</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>

昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4