计算机网络/计算机科学与应用/系统/运维/开发

Bootstrap4 安装使用

一、官网下载

https://v4.bootcss.com/docs/getting-started/download/

cdn在线安装:

<!--引入Bootstrap的基础样式文件-->

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.3/css/bootstrap.min.css">

<!--引入jQuery文件-->

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

<!--引入Bootstrap的JS文件-->

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.3/js/bootstrap.min.js"></script>


二、使用

head中引入

<head>

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

<!--引入Bootstrap的基础样式文件-->

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

<!--引入自定义样式文件-->

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

</head>


无才无以立足,不苦不能成才。

评论

^