Bootstrap-4.0 前端框架学习

Bootstrap下载:  https://v4.bootcss.com/  

4.0 .zip 文件包括   CSS和JS文件

放到本地项目文档中。

Bootstrap依赖于Jquery   :  http://jquery.com/download/

Jquery 目前是3.3.1,包括压缩版(jquery-3.3.1.min.js)、未压缩版(jquery-3.3.1.js)、map版(jquery-3.3.1.min.map)、瘦身版(jquery-slim.min.js)。


一、引用    必须严格按照这个顺利

       1.<!doctype html>

       2.<head>部分

          <meta charset="utf-8">

  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

          <!-- Bootstrap core CSS -->
  <link rel="stylesheet" type="text/css" href="../assets/bootstrap/css/bootstrap.min.css">

  

          <!-- Custom styles for this template -->

  <link rel="stylesheet" type="text/css" href="../assets/style.css">

       3.<body>部分

         <!-- Bootstrap core JavaScript
          ================================================== -->
         <!-- Placed at the end of the document so the pages load faster -->
         <script type="text/javascript" src="../assets/js/vendor/jquery-slim.min.js"></script>

         <script type="text/javascript" src="../assets/bootstrap/js/bootstrap.min.js"></script>


二、相关知识点

1.Bootstrap提供了两个class,一个是全屏,一个是非全屏:

1.1  container 类用于固定宽度并支持响应式布局的容器。

1.2  container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。


          





猜你喜欢

转载自blog.csdn.net/aganliang/article/details/80204727