10分钟带你入门Bootstrap前端框架

最新推荐文章于 2024-04-11 10:59:09 发布

向着朝阳，我走过冬夜寒冬

最新推荐文章于 2024-04-11 10:59:09 发布

阅读量322

点赞数

分类专栏：前端web 文章标签： bootstrap js css html

本文链接：https://blog.csdn.net/raojiaxing_/article/details/105416796

版权

前端web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Bootstrap是一款带有样式的前端框架，只需要安装其包，在html页面的头部引用即可！！！

一. bootstrap包的下载

点这里进入bootstrap的官方去下载包。
在这里插入图片描述

二. bootstrap的引入

在头部引入三个样式，一定要按照如下顺序！！！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    
    
    <!--bootstrap_css样式-->
    <link rel="stylesheet" href="css/bootstrap.css">
    
    <!--jquery样式-->
    <script src="js/jquery-3.4.1.min.js"></script>
    
    <!--bootstrap样式-->
    <script src="js/bootstrap.js"></script>
    

</head>
<body>
    
</body>
</html>

在这里插入图片描述

三. 用法

打开官方，点击文档
在这里插入图片描述

打开全局样式
在这里插入图片描述

在这里插入图片描述

到这就结束了，是不是so happy，too easy~快去试试吧

向着朝阳，我走过冬夜寒冬

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
10分钟带你入门Bootstrap前端框架

Bootstrap是一款带有样式的前端框架，只需要安装其包，在html页面的头部引用即可！！！目录一. bootstrap包的下载二. bootstrap的引入三. 用法一. bootstrap包的下载点这里进入bootstrap的官方去下载包。二. bootstrap的引入在头部引入三个样式，一定要按照如下顺序！！！<!DOCTYPE html><html ...
复制链接

扫一扫

专栏目录