前台框架bootstrap基础

本文介绍如何正确引入Bootstrap框架,包括必要的CSS和JS文件,并强调了jQuery作为Bootstrap JS插件依赖的重要性。

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

bootstrap 是 html/CSS框架  ,由于bootstrap中的js插件基于jquery,所以引用bootstrap之前一定要先引用jquery。


<meta http-equiv="X-UA-Compatible" content="IE=edge">  //在IE运行最新的渲染模式

<meta name="viewport" content="width=device-width,initial-scale=1"> //初始化移动浏览显示,可以让网页开发者控制他的大小和缩放,宽度=设备的宽度,以及初始缩放的比例


<head>
<link href="css/bootstrap.min.css" rel="stylesheet">     //载入Bootstrap的css样式
</head>
<body>
<script src=".../jquery.min.js"></script>               //<span style="font-size: 18px;">引用bootstrap js插件<span style="font-size: 18px;">引用bootstrap之前一定要先引用jquery</span>之前一定要先引用jquery</span>
<script src=".../js/bootstrap.min.js"></script>
</body>

一般吧css样式放在head中,吧js放在body的最后。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值