学做网站培训课程介绍

当前位置:

网站怎么引入本地BOOTSTRAP框架文件

以下为学做网站论坛关于“网站怎么引入本地BOOTSTRAP框架文件”讲解视频教程。

我们做自适应网站时,会使用到BOOTSTRAP框架,使用BOOTSTRAP框架之前需要在自己的网站中引入BOOTSTRAP。

手机网站制作课程中,我们建议大家先下载BOOTSTRAP,然后引入本地环境下的BOOTSTRAP框架。但由于BOOTSTRAP中文文档网站改版,去除了引入本地环境下的BOOTSTRAP的代码,所以下面将网站引入本地BOOTSTRAP框架文件的代码贴出来。

方法/步骤

第一步:下载BOOTSTRAP框架文件,并将它里面的三个文件夹全部放在与自己网页同一个文件夹下面;
网站怎么引入本地BOOTSTRAP框架文件

第二步:在</head> 标签上面放上引入CSS的代码。


 <link href="css/bootstrap.min.css" rel="stylesheet">

网站怎么引入本地BOOTSTRAP框架文件

第三步:在</body>标签上面放上JS代码,来引入JS文件。(包括一个BOOTSTRAP框架本身JS和一个jquery文件)


<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

网站怎么引入本地BOOTSTRAP框架文件

第四步:以<title>标签上面放上meta标签


<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

网站怎么引入本地BOOTSTRAP框架文件

第五步:在</head> 标签上面放上针对IE9以下的浏览器的代码。


<!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

网站怎么引入本地BOOTSTRAP框架文件

这样我们的网站就正确引入了本地BOOTSTRAP框架文件,实现了自适应。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • bootstrap框架是一个特别好用的前端框架,我们在自己建网站时,可以使用bootstrap框架与HTML结合,制作出更多大气的自适应前端界面。下面讲一
  • 网页如何引入JQuery 图文教程 (17286 次浏览)
    JQuery是一个轻量级的JS框架,它是基于JS开发的。我们在做网站时要使用JQuery,需要先引入JQuery。引入的方法与引入外部JS文件方法一样。下面
  • 什么是本地环境 图文教程 (1144828 次浏览)
    什么是本地环境搭建?本地搭建就是在你自己的电脑上,在没有域名和空间情况下,使用自己的电脑模拟网站空间来搭建一个只有你自己看得到的网站。
  • 有的学员在本地环境下使用WORDPRESS程序搭建好网站后,打开首页正常,但打开其它页面都显示http返回状态码404错误,那么本地环境网站出现404错误该怎
  • bootstrap是一个特别好用的网站前端框架,可以让我们制作响应式网站时比较简单。对于响应式网站制作时,响应式导航是比较重要的部分。下面学做网
  • 我们在学习怎么做网站时,往往想在自己的网站上调用别人网站的网页,实现网页中签入网页的情况,那么如何实现这种在网页中调用另一个网页的效果呢?
  • 什么是源代码源代码就是指在网页制作过程中需要用到的一些特殊的“语言”,设计人员通过对这些“语言”进行组织编排制作出网页,然后由浏览器对代码进
  • 什么是文件后缀名 视频教程 (1188333 次浏览)
    什么是文件后缀名文件扩展名 是操作系统用来标志文件格式的一种机制。通常来说,一个扩展名是跟在文件名后面的,由一个分隔符分隔。在一个像“read