首页 > 其他 > 详细

BootStrap——新建BootStrap项目

时间:2020-01-28 15:41:08      阅读:83      评论:0      收藏:0      [点我收藏+]

1、概念:

Bootstrap 是开发 Web 应用程序和网站的前端框架,它是基于 HTML、CSS、JAVASCRIPT 的。

2、新建BootStrap项目:

(1)需要先导入BootStrap文件夹中的如下三个文件夹(布局、字体、js):

技术分享图片

 

技术分享图片

(2)在代码中引入相应的文件:

BootStrap官网上的介绍(网络路径):

技术分享图片

 

3、 BootStrap模板:

(1)官网模板:

技术分享图片

 

 (2)基本模板:

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--兼容性设置-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--宽度为设备的理想宽度
        "viewport":设备上用来显示网页的那部分区域,通常都有一个默认值
        "initial-scale=1":初始缩放值,还可以添加其它属性对最大/小缩放值和是否允许缩放进行设置
    -->
    <title>Bootstrap入门</title>
      <link href="../css/bootstrap.min.css" rel="stylesheet">
      <script src="../js/jquery-1.8.3.js"></script>
      <script src="../js/bootstrap.js"></script>
      <!--文件的引入要遵循严格的顺序-->
    <![endif]-->
  </head>
  <body>
    <h1>你好,世界!</h1>
  </body>
</html>

 

BootStrap——新建BootStrap项目

原文:https://www.cnblogs.com/zhai1997/p/12238192.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!