BootStrap

最新推荐文章于 2024-08-31 06:39:46 发布

lazyhhh

最新推荐文章于 2024-08-31 06:39:46 发布

阅读量120

点赞数

分类专栏：前端笔记文章标签： bootstrap

本文链接：https://blog.youkuaiyun.com/qq_46539281/article/details/117950052

版权

前端笔记专栏收录该内容

4 篇文章

订阅专栏

该博客介绍了如何从官方网站下载Bootstrap，并在HTML文件中正确导入Bootstrap的CSS和JavaScript文件，以实现响应式布局和组件功能。示例代码展示了在页面头部引入Bootstrap的相关资源，从而在项目中使用Bootstrap样式和功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提

https://www.bootcss.com/     网站地址，进行下载文档

需要在项目中导入css等文件

使用的案例

<!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">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap HelloWorld</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">


    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<h1>你好，世界！</h1>

</body>
</html>