bootstrap4响应式轮播图详解

最新推荐文章于 2023-09-13 14:19:18 发布

yufanhui

最新推荐文章于 2023-09-13 14:19:18 发布

阅读量1.1w

点赞数 6

本文链接：https://blog.youkuaiyun.com/yufanhui/article/details/80738760

版权

在开发过程中，既要采用框架，又要使用响应式布局。而bootstrap正好帮我们解决了这个问题。

采用bootstrap框架快速开发，达到快速开发响应式轮播图的目的。

1.引入bootstrap框架

引入方式有两种：

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
        <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>

在线引入。引入地址请访问bootstrap官网。

本地引入。官网地址下载最新版bootstrap版本。

为遵守开发过程中的规范，通常将CSS引入代码放入<head>最下面，将JS引入代码放在<body>最下面。