零基础学做网站培训介绍

当前位置:

网站如何正确引入bootstrap框架

bootstrap框架是一个非常好用的前端框架,我们在自己建网站时,可以使用bootstrap框架与HTML结合,制作出更多大气的自适应前端界面。

bootstrap框架

下面讲一下自己的网站如何正确引入bootstrap框架的方法。(相关教程:Bootstrap视频教程)

方法/步骤

  1. 在</head>标签上面放上以下的代码,用于引入bootstrap自带的CSS样式;
    
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  2. 在</body>标签上面放上以下的代码,用于引入JQUERY和bootstrap的JS插件;
    
    
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  3. 很简单,通过以上二步就可以正确引入bootstrap框架,就可以使用bootstrap框架创建网站了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注